JQuery UI - İlerleme çubukları

İçindekiler
Modern web sitelerinde, farklı işlevlere sahip olan ve bir web sitesindeki belirli görevleri basit, hatta daha çarpıcı ve göze hoş getiren, sitenin gezilebilirliğini ve kullanıcıya sağlanan kullanılabilirliği son derece optimum hale getiren farklı öğeler vardır.
İlerleme Çubukları
İlerleme çubukları, dosya aktarımı veya karşıya yükleme, bilgi yükleme vb. gibi bir görevin ilerlemesini göstermekten sorumludur.
ilerleme çubuğu () yöntemi
yöntem ilerleme çubuğu () bir unsur olduğunu beyan eder. HTML bir ilerleme çubuğu şeklinde yönetilmeli ve ele alınmalıdır. Seçenekleri, davranışını ve görünümünü belirleyen bir nesnedir.
yöntem ilerleme çubuğu () iki şekilde kullanılabilir:
• $ (seçici, bağlam) .progressbar (seçenekler)
• $ (seçici, bağlam) .progressbar ("eylem", parametreler)
Kullanımına bir örnek verelim:
  • İlk önce gerekli dosyaları, kütüphaneleri ekliyoruz. jQuery ayrıca CSS:



  • Etiketler ve çubuk için bazı stiller ekliyoruz:

  • Yöntemimizi somutlaştırıyoruz ilerleme çubuğu () Bunu bir kapsayıcıyla ilişkilendiririz ve ayrıca yükleme veya aktarımın ne zaman devam ettiğini ve son olarak ne zaman tamamlandığını algılamak için bazı olaylar ekleriz:

  • Son olarak kodumuzu ekliyoruz HTML ve etiketler ilerleme çubuğumuzun görüntüleneceği yer:


Yükleniyor…

Kodumuzun uygulanması tarayıcıda şöyle görünür:

Son olarak, ilerleme çubuğumuz için farklı seçenekler, etkinlikler ve hatta stiller deneyebileceğimizi unutmadan, kendiniz test edebilmeniz için tam kodu buraya bırakıyoruz.




jQuery UI İlerleme Çubuğu - Özel Etiket

href = "http: //code.jquery.c… /jquery-ui.css" />







Yükleniyor…

Bu Eğitimi beğendiniz ve yardım ettiniz mi?Yazara olumlu puan vermek için bu düğmeye basarak yazarı ödüllendirebilirsiniz.

Arkadaşlarınızla sayfasını paylaşan sitenin gelişimine yardımcı olacak

wave wave wave wave wave