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>
Pazarlama, hedef kitlenizi büyütmenize, trafiği artırmanıza ve içeriğinizi görmeyecek yeni okuyuculara ulaşmanıza yardımcı olur. Bir blog…
Artıları Bazı durumlarda içerik oluşturmak daha kolay ve daha hızlıdır - daha fazla içerik seçeneğiniz…
Çok nişli bir blog oluşturmayı planlıyorsanız, başka bir nişe dalmadan önce mümkün olduğunca tek bir…
Söylenildiği gibi, içerik kraldır. Yüksek kaliteli içerik oluşturabilirseniz trafik çekecek ve para kazanacak duruma gelebilirsiniz. Çok nişli…
Bir blog yazmaya başlamanın en zor kısımlarından biri, ne hakkında blog yazacağınıza karar vermektir. Seçtiğiniz niş(ler),…
T129 ATAK, İtalyan A129 Mangusta taarruz helikopterinin yerli olarak modifiye edilmiş ve Türkiye tarafından Türk…