ArabicEnglishTurkish

HTML'de "progress" nedir?

HTML'de <progress> nedir?
HTML'de "progress" nedir?
HTML'de <progress> nedir?
HTML'de "progress" nedir?
Kategori: HTML

HTML'de , ilerlemeyi göstermek için kullanılan bir etikettir. Bu etiket, bir işlemin ne kadar sürede tamamlanacağını göstermek için kullanılır ve genellikle yüklenen bir dosyanın yüzdesi gibi tanımlanmış bir değeri gösterir.
Bu etiket aynı zamanda, belgelerin veya uygulamaların içeriği için bir ilerleme çubuğu da eklemenizi sağlar. Kullanıcılar bu ilerleme çubuğunu görebilir ve yüklenen sayfanın ne kadarının tamamlandığını kolayca anlayabilirler.
etiketinin temel kullanımı şu şekildedir:

Burada \"value\", mevcut ilerlemeyi gösteren değeri belirtirken \"max\" ise tamamlanması gereken toplam değeri belirtir. Yani, bu örnek kodunun yüklenen dosyanın yüzde 50'sini tamamladığını söyleyebiliriz.
Aynı zamanda, etiketi ile birlikte birçok stil seçeneği de kullanılabilir. Örneğin, background-color, color, border, border-radius vb. özellikler ilerleme çubuğu görünümünü değiştirebilir.
Aşağıda birkaç örneği ve örnek kodları yer almaktadır:
Örnek 1:

Bu örnek kod, yüklenen dosyanın yüzde 70'sini tamamladığını gösterir.
Örnek 2:

Bu örnek kod, yüklenen dosyanın yüzde 20'sini tamamladığını ve ilerleme çubuğunun arka plan renginin gri olduğunu gösterir.
Örnek 3:

Bu örnek kod, yüklenen dosyanın yüzde 80'ini tamamladığını, ilerleme çubuğunun arka plan renginin kırmızı olduğunu, metnin beyaz olduğunu ve border, border-radius gibi stil özelliklerinin kullanıldığını gösterir.
Sonuç olarak, etiketi, işlemlerin ilerlemelerini kullanıcılara kolayca göstermek için kullanışlı bir HTML etiketidir. Oluşturmak istediğiniz ilerleme çubuğunun görünümünü kişiselleştirmek için stil seçeneklerini kullanabilirsiniz.

Abaküs Yazılım
Abaküs Yazılım