<progress>
Etiketi Temel Özellikler
- Etiket Yazımı ve Etiket Kullanımı :
<progress></progress> <!-- Etiket hem açılıp hem de kapanmak zorunda. -->
- Örnek :
<progress value="50" max="100"></progress>
- DOM Arayüzü :
HTMLProgressElement
- Durum :
- Yaşayan Ölçün
- Öznitelikler :
- Tüm Evrensel Öznitelikler
- Açıklama :
<progress>
etiketi görevin tamamlanma işlemini simgeler ve görev çubuğu olarak kullanılır.
<progress>
Etiketi Kullanımı
Markanız için 300X300 alan.
<progress>
etiketi görevin tamamlanma işlemini simgeler. İşlem ya belirsizdir, işlemin gerçekleştiği gösterilir ancak görevin tamamlanması için ne kadar daha işlem gerçekleştirilmesi gerektiği bilinmiyordur (örneğin sunucudan yanıt bekleniyordur) ya da işlem işin ne kadarının kaldığını göstermek için sıfır ve en yüksek değer aralığındadır.
<progress>
etiketide görevin tamamlanmasını belirleyen iki öznitelik kullanılır. value
özniteliği görevin ne kadarının tamamlandığını belirtir ve max
değeri ise görevin toplamda ne kadar tuttuğunu gösterir. Değerlerin birimi keyfidir, belirlenmemiştir.
<progress>
etiketi ile belirli bir görev çubuğu yapmak için, ya value
değeri 0.0 ve 1.0 aralığında girilir ya da 0'dan max
'a özniteliği değer girilir. Belirsiz bir görev çubuğu yapmak için value
özniteliği uzaklaştırılır.
Yazarlar, değeri ve en yüksek değeri <progress>
etiketinin içine metin olarak girerlerse eski tarayıcıları kullananlar desteklenmiş olur.
<progress>
etiketinin value
ve max
öznitelikleri, eğer belirtildilerse, geçerli floating-point sayıları olmak zorundalar. value
özniteliği, eğer belirtildiyse, sıfıra eşit ya da daha büyük olmalı ve de eğer max
özniteliği belirtildiyse max
özniteliğinin değerine eşit ya da ondan küçük olmalı, belirtilmediyse 1.0'a eşit ya da 1.0'dan daha küçük olmalı.
Disk kullanımı gibi değerlerin gösterilmesinde, görev çubuğunun kullanımı yanlış olur. Böyle durumlarda <progress>
etiketi yerine <meter>
etiketi kullanılmalı.
progress.position
Belirli (bilinen bir değeri ve en yüksek değeri olan) bir görev için an ki değerin en yüksek değere bölümünü döndürür.
Belirsiz görev çubuklarında -1 döndürür.
<progress value="50" max="100"></progress>
Sonuç :
<progress>
Etiketi Tarayıcı Desteği
[1] : Gecko 14.0'a kadar (Firefox 14.0 / Thunderbird 14.0 / SeaMonkey 2.11) <progress>
etiketi doğru olmayan bir biçimde form ögesi olarak sınıflandırıldı ve bu yüzden form
özniteliği var. Bu durum düzeltildi.
[2] : Gecko, <progress>
etiketi görev çubuğunun gerçekleştirilen işi gösteren bölümünü biçimlendirmenize olanak sağlayan ::-moz-progress-bar
CSS sahte seçicisi sağlıyor.
[3] : iOS'daki Safari belirsiz <progress>
etiketi görev çubuğunu desteklemiyor (%0'i tamamlanmış görev çubuğu gibi değerlendiriliyor).
Öznitelikler
value
value
özniteliği görevin ne kadarının tamamlandığını belirtir. Değerin birimi keyfidir, belirlenmemiştir. Geçerli bir floating-point sayısı olmak zorunda. Eğer belirtildiyse, sıfıra eşit ya da daha büyük olmalı ve de eğermax
özniteliği belirtildiysemax
özniteliğinin değerine eşit ya da ondan küçük olmalı, belirtilmediyse 1.0'a eşit ya da 1.0'dan daha küçük olmalı.max
max
değeri ise görevin toplamda ne kadar tuttuğunu gösterir. Değerin birimi keyfidir, belirlenmemiştir. Geçerli bir floating-point sayısı olmak zorunda.
İlişkili CSS Sahte Seçicileri
:indeterminate
-moz-orient
::-moz-progress-bar