Progress bar (ilerleme çubuğu) genellikle bir süreci veya devam eden bir durumu grafik üzerinde göstermek için kullanılır. Bu güzel HTML5 nimetinden faydalanmak için aşağıdaki kodu kullanmalısınız.
<progress value="" max=""></progress>
Kod içindeki ifadeler ne anlama geliyor? Aşağıdaki tablodan her ifadenin ne işe yaradığını öğrenebilirsiniz.
| Öznitelikler | Ne İşe Yarar? |
|---|---|
| value | Değere atanan numara yapılan görevin yüzdesini belirtir. |
| max | Bu değer çubuğun en fazla nereye kadar ilerleyebileceğini belirtir. |
| width | Çubuğun genişliğini belirtir. İlerleme yüzdesi ve maksimum değer de bu değere oranla genişler. |
| height | Çubuğun yüksekliği. |
| vertical-align | İlerleme çubuğunu diğer nesnelere göre hizalamak için kullanılır. |
| background-color | Varsayılan gri rengi değiştirmek için kullanılır. |
| display | Varsayılan değer inline-block belirlenmiştir. |
| Uyumlu olduğu tarayıcılar |
%55 dolu olan.
<progress value="55" max="100"></progress>
İleri geri giden.
<progress max="100"></progress>
0.8’den 0.6’sı dolu olan
<progress max="0.8" value="0.6"></progress>
Gelecekte geçen bir filmden daha Merhaba! Yıl 2036. İki deniz piyadesinin ölümünden sonra emre itaatsizlikle…
Satın almak için yeni bir fare arıyorsanız DPI terimiyle karşılaşmış olabilirsiniz. DPI, özellikle oyun oynamak için…
Uzun zamandır bloğa kişisel yazı girmiyordum. Önce Sezer abinin bloğundan ardından Tahsin Bey'in bloğundan gelen…
Her insan için, en eğlenceli ve dinlendirici aktivitelerden bir tanesi de resim yapmaktır. Ruhu dinlendiren…
Steam Puan Dükkanı, Steam'in yakın zamanda duyurduğu yeni bir özellik. Steam Puan Dükkanı sayesinde profilinizi…
Kişisel bakım hayatlarımızın olmazsa asla dışarı bile çıkamayacağımız bir durum haline gelmiştir. Kişisel bakımlarımız ile…