Skip to content
KolayCSS

İlerleme Çubuğu (Progress)

İlerleme durumunu göstermek için progress bileşeni. Genişlik iç satırda safe olduğu satırla belirlenir.

Canlı örnek

Basic with label

75%

Colored

Done

Striped

40%

Multiple segments

Kod

<div class="progress">
  <div class="progress-bar" style="width: 75%;">75%</div>
</div>

<div class="progress">
  <div class="progress-bar progress-bar-striped bg-danger"
       style="width: 40%;">40%</div>
</div>

İpucu: progress-bar içine metin (ör. %75) ve .progress-bar-striped şerit ekleyebilirsiniz.