Sen burayı gördün, başkası da görecek. Teklifini gönder, sitenin kahramanı ol.

Sponsor'un katkılarıyla...

<progress> Etiketi

<progress> Etiketi

<progress> etiketi görevin tamamlanma işlemini simgeler.

/ 19.05.1919?

Yazar:
SonDevrimBu Yazı
Toplam28672849
Bugün2613

<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ı

Sponsor'un katkılarıyla...

Markanız için 300X300 alan.

Reklamı kapat görseli

<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

MasaüstüTaşınabilir
Tarayıcı →Öznitelik ↓
Temel Destek6.0 (6.0) [1] [2] / 14.0 (14.0) [2]11.05.26.010
Tarayıcı →Öznitelik ↓
Temel Destek6.0 (6.0) [1] [2] / 14.0 (14.0) [2]11.07 [3]VarYok

[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).

Kaynak: Mozilla Geliştirici Ağı - MDN 10 Yaşında - CC-BY-SA 2.5

Ö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ğ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ı.
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

İlişkili Etiketler

<meter> etiketi

Reklamı kapat görseli

Görüş Bildirin?

Toplam Oy Sayısı : Şimdilik hiç oy verilmemiş.

Ortalama Oy Değeri : Verilen oyun geçerli olması için yapılan yorumun onaylanması gerekiyor.

Görüşler yükleniyor . . .

Yorum Ekle?

1000
<progress> Etiketi