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>
Mükemmel WordPress LMS eklentisini seçmek ciddi bir emek ister. Sitenizi belirlediğiniz eklenti ile kurduktan sonra…
Türkçe binlerce yıldır farklı coğrafyalarda yoğurulup, farklı kültürlerle harmanlanıp günümüze kadar geldi ve bugünkü halini…
Kim demiş, kanatsız uçamayız, diye! Trambolin gibi bir gerçek varken üstelik! Evet, bize uçuyor hissi…
Toplumca oluşturulan düzenin dışına çıkarak, sevgi ve tutkuyla eylemler yaptığımız zaman enerjimiz yükselecektir bu yüksek…
Riot games’in bizler için çıkardığı fps oyunu olan valorant, fps dünyasına çok hızlı bir şekilde…
Günümüz tasarımı yapılan düğün elbisesi modelleri göz alıcı görsellikle desteklenmektedir. Burada düğün elbiselerinin kendi tarzınızı…