HTML <ilerleme> Etiketi
Örnek
Bir ilerleme çubuğu göster:
<label for="file">Downloading progress:</label>
<progress id="file"
value="32" max="100"> 32% </progress>
Tanım ve Kullanım
Etiket <progress>, bir görevin tamamlanma ilerlemesini temsil eder.
İpucu: En iyi erişilebilirlik uygulamaları için her zaman <label> etiketini ekleyin!
İpuçları ve Notlar
İpucu:<progress> Bir görevin ilerleme durumunu görüntülemek için etiketi JavaScript ile birlikte kullanın .
Not : <progress>Etiket, bir ölçüyü temsil etmek için uygun değildir (örneğin, disk alanı kullanımı veya bir sorgu sonucunun uygunluğu). Bir göstergeyi temsil etmek için bunun yerine <meter> etiketini kullanın.
Tarayıcı Desteği
Tablodaki sayılar, öğeyi tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
| Element | |||||
|---|---|---|---|---|---|
| <progress> | 8.0 | 10.0 | 16.0 | 6.0 | 11.0 |
Öznitellikler
| Attribute | Value | Description |
|---|---|---|
| max | number | Specifies how much work the task requires in total. Default value is 1 |
| value | number | Specifies how much of the task has been completed |
Genel Özellikler
Etiket ayrıca HTML'deki Global Nitelikleri<progress> de destekler .
Etkinlik Özellikleri
Etiket ayrıca HTML'deki Etkinlik Niteliklerini<progress> de destekler .
İlgili Sayfalar
HTML DOM referansı: İlerleme Nesnesi
Varsayılan CSS Ayarları
Hiçbiri.