(adsbygoogle = window.adsbygoogle || []).push({});
jQuery, JavaScript için, ilerleme çubuğu, açılır liste gibi öğelerin ön uç gelişimini çok kolay bir şekilde yapmanızı sağlayan bir kütüphaneler kümesidir. İndirme, yükleme veya herhangi bir işlemin tamamlandığını göstermek için web sitenizde kullanabileceğiniz JavaScript ve jQuery kodlarını burada bulabilirsiniz. Bu komut dosyalarının hepsini indirmek ücretsizdir.
jQuery ve JavaScript eski tarayıcıları desteklemeyebilir, ancak tüm modern tarayıcılar ikilisi tam destekle donatılmıştır. Saf css ilerleme çubuğunda bir sonraki konu için bizi izlemeye devam edin, html ve css kodları dışında hiçbir şey olmadan onları tüm tarayıcılarda global olarak kullanılabilir kılar. Bu ilerleme barkodlarına uyan 12 En İyi HTML5 jQuery Dosya Yükleme Komut Dosyasında konumuzu görmelisiniz. Tüm bu komut dosyaları için HTML, CSS3 ve jQuery kodları bulunur.
Dairesel ilerleme çubuğu ile yuvarlak Avatar
Fare tıklamasıyla ilerleme çubuğu eklemek farklı bir şeydir ve bu jquery eklentisi sadece şapka yapar. Tıkladığında avatar üzerinde bir yetenek yüzdesi gösterecek olan takımın ilerleme çubuğunu oluştur ve bu yüzde html dosyasında belirlenebilir.
Cool Number İlerleme çubuğu
Bu, html şablonlarınızda bir sayı gösteren görsel olarak çekici bir ilerleme çubuğudur ve herhangi bir tasarımda harika görünecektir. Yüzde karakter yok, ancak bu indirme dosyasında kullanılan ilerleme etiketinden hemen sonra “p” paragrafı ile kolayca ekleyebilirsiniz.
Dairesel İlerleme Çubuğu
Web tasarım projelerinizde kontrol edilebilir ilerleme çubuğuna sahip dairesel bir animasyon kullanılabilir.
Ödeme İlerleme Çubuğu
Beş yıl ödeme aşaması ve 2019 yılı için tamamlama işleminin tamamlandığı hoş bir akışkan göstergeli, duyarlı bir css ilerleme çubuğu.
Piksel İlerleme Çubuğu
Animasyonun ilerleyen ucunda kare şeklinde bir bit bu ilerleme çubuğunu çok daha çekici hale getirir.
Pace – Otomatik sayfa yükleme ilerleme çubuğu
Otomatik bir web sayfası ilerleme çubuğu. Sayfanıza pace.js ve seçtiğiniz bir tema ekleyin; işiniz bitti! Pace, ilerlemeye karar vermek için Ajax isteklerinizi, olay döngüsü gecikmesini, belgeye hazır durumunu ve sayfanızdaki öğeleri otomatik olarak izler.
Dahili İlerleme Ölçerli Düğmeler
Bunlar, formları gönderirken veya AJAX aracılığıyla içerik yüklerken ilerleme göstermek için mükemmel olacaktır. Özelleştirmelerini kolaylaştırmak için CSS3 stillerini ve geçişlerini de kullanacaklar.
Hareketli Hedef İlerleme Çubuğu jQuery eklentisi
Bu eklenti, jQuery kullanarak animasyonlu bir ilerleme çubuğu oluşturmanıza olanak sağlar. Sadece gerekli girişi doldurun ve eklenti hedefinizin ilerlemesini hesaplar ve çıtayı canlandırır. Yükseltilmiş tutardan önce ve sonra koymak için bir metin belirleyebilirsiniz.
Ücretsiz ilerleme düğmesi stilleri
Düğmenin kendisinin bir ilerleme göstergesi olarak görev yaptığı düz ve 3B ilerleme düğmesi stilleri kümesi. Düğmeyi perspektif olarak döndürürken düğmenin bir tarafındaki ilerleme göstergesini göstermek için 3D stilleri kullanılır.
ProgressJs – Tematik ilerleme çubuğu kütüphanesi
ProgressJs, geliştiricilerin sayfadaki her nesne için ilerleme çubuğu oluşturmasına ve yönetmesine yardımcı olan bir JavaScript ve CSS3 kütüphanesidir.
ngProgress – Youtube Stil Çubuğu
ngProgress, bir şeyin yükleme durumunu göstermek için açısal bir sağlayıcıdır. Kullanım senaryoları normalden daha uzun süren bir eylemi veya sayfa görünümleri arasında basit yükleme işlemini gösteren harici kaynakları alıyor olabilir. Tercihli, sadece kaynak ağır siteler için.
Saf CSS İlerleme Çubuğu
Tamamen CSS 3 degradeleri, gölgeleri ve kenarlık yarıçapını kullanarak bir animasyon dokunuşuyla bir İlerleme Çubuğu uygulandı. Bu projenin amacı, modern web tarayıcılarında CSS3’ün yeteneklerini ortaya koymak ve bu ilerleme çubuğu tamamen CSS kullanılarak tasarlandı.
NProgress – İnce İlerleme çubuğu
Nanoskopik bir ilerleme çubuğu. Kullanıcılarınızı bir şeylerin olduğuna ikna etmek için gerçekçi kandırma animasyonları kullanın! Google, YouTube ve Orta’dan esinlenilmiştir.
Dairesel İlerleme
Bağımlılık içermeyen ve yapılandırılabilir bir JavaScript dairesel ilerleme gereci.
Nanobar.js
Çok çok hafif ilerleme çubukları (~ 730 bayt gzipped). JQuery gerekli değil.
Açısal yükleme bar
Fikir basit: Bir XHR isteği açısal olarak dışarı çıktığında bir yükleme çubuğu / ilerleme çubuğu ekleyin. Aynı süre içinde yapılan birden fazla istek, her yanıtın ilerleme çubuğunu uygun miktarda artırması için birlikte paketlenir.
Ücretsiz jQuery Yüzde Yükleyici
jQuery.Per%Loader, bir ilerleme pencere aracını her yerde bulunan yatay ilerleme çubuğu / metin sayacından daha görsel olarak çarpıcı bir şekilde görüntülemek için bir jQuery eklentisidir. Eklenti minimum kurulum gerektirir ve kullanımı basit ve esnektir. Sadece 10kb (küçültülmüş) bir javascript dosyası gerekli (önerilen web fontu isteğe bağlı) ile zengin bir grafik görünüm için HTML 5 tuvalini kullanır. Görüntüler yerine vektörleri kullanır, böylece başlangıç parametrelerini ayarlayarak çeşitli boyutlarda kolayca dağıtılabilir.
Ücretsiz Dairesel İlerleme Çubuğu – jQuery eklentisi
İndirme veya yükleme işlemlerinin akışını kontrol etmek için sınırsız seçeneklerle çalışan bir daire çubuğu.
Basit Ücretsiz jQuery CSS3 İlerleme Çubuğu
Bu ilerleme çubuğu, Zepto (veya jQuery) tarafından canlandırılan bir ilerleme çubuğuna hızlı güncelleme sağlamak için HTML5 özel veri- * özelliğini kullanır. Animasyon, tarayıcı boyutu değişirse yeniden canlandırmak için bir window.resize işlevine sarılır.
CSS 5 adım ilerleme çubuğu
CSS yalnızca 5 adımda ilerleme çubuğu. JS sadece demoyu canlandırmak için kullanılır.
jQuery İlerleme çubuğu profili tamamlama
Profil tamamlama çubuğu için bir ilerleme öğesi kullanma. İstenen davranışı görmek için tıklama durumları eklendi; Vahşi doğada kullanıcı ilerleme çubuğunu buna göre harekete geçiren bir “kaydet” veya “ileri” düğmesini tıklar.
jQuery Image Preloader İlerleme Çubuğu
Sayfa yükleme yüzdesini gösteren değişken kaplamalara sahip ilerleme çubuğu.
jQuery Form İlerleme Çubuğu
Basit form ilerleme çubuğu. Dribbble ilham.
Ücretsiz YouTube İlerleme Çubuğu
İlerleme çubuğu yalnızca bir tarama oturumunda görülebilir, bunun bir A / B testi olduğunu farz ediyorum.
Düz Pasta Grafikler ve İlerleme Çubukları Şablonları (Maliyet: 6 $)
Animasyonlu düz pasta grafikler açıklama ve değer ile çubuklarını ilerleme. Web sitenizdeki etkileşimli infographics, Adobe Muse projesi veya iBooks için kullanılabilir. Kolayca yazı tipi, renk ve değerleri düzenleyebilirsiniz. Adobe Edge CC’de tamamen düzenlenebilir dosyalar.