HTML <progress> etiketi

Tanım ve Kullanım

<progress> Görevin tamamlanma ilerlemesini temsil eden etiket.

İpucu:Her zaman eklemelisiniz <label> Etiketi En iyi erişilebilirlik uygulamaları için!

Ayrıca bakınız:

HTML DOM Referans Kılavuzu:İlerleme nesnesi

Örnek

İlerleme çubuğunu göster:

<label for="file">İndirme ilerlemesi:</label>
<progress id="file" value="32" max="100"> 32% </progress>

Kişisel olarak deneyin

İpuçları ve Açıklamalar

İpucu:Getir: <progress> İşaret ve JavaScript ile birlikte kullanıldığında, görevin ilerlemesini gösterebilir.

Dikkat:<progress> Bu etiket, cihazları (örneğin, disk alanı kullanımı veya arama sonuçlarının ilişkiliği) ifade etmek için uygun değildir. Cihazları ifade etmek için <meter> etiketini kullanın.

Özellik

Özellik Değer Açıklama
max Sayı Görevin gerektirdiği toplam çalışma miktarını belirler. Varsayılan değeri 1'dir.
value Sayı Görevin tamamlanmış kısmını belirler.

Genel Özellikler

<progress> etiketin de desteklediği HTML'deki Genel Özellikler.

olay özellikleri

<progress> etiketin de desteklediği HTML'deki Olay Özellikleri.

Varsayılan CSS Ayarları

Yok.

Tarayıcı Desteği

Tabloda belirtilen rakamlar, bu etiketin ilk tam olarak desteklenen tarayıcı sürümünü gösterir.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
8.0 10.0 16.0 6.0 11.0