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>
Bildiğiniz gibi veya birazdan öğreneceğiniz gibi The Walking Dead evreninde geçen başka bir dizi daha…
#Alive, Cho il Hyung tarafından yönetilen ve Yoo Ah-in ile Park Shin-hye'yin iki genç yetişkini…
Yaklaşık üç ay önce MSI Optix AG32CV model monitörünü satın aldım. Bu inceleme yazısını da…
Evet doğru. Bizim Youtuberlardan neyimiz eksik. Biz de böyle başlık atabiliriz yani, neden olmasın? Gerçekten…
Vin Diesel, yakın zamanda bir eylemde öldürülen ve RST şirketi tarafından süper kahraman Bloodshot olarak…
Bilindiği gibi War Thunder belli süre arayla Dünya Savaşı etkinliği yapıyor. Bu sezonki dünya savaşı…