<div class="progress progress-primary progress-m">
<div class="progress-bar" style="width: 35%;"></div>
</div>
Progress Bars
Default Progress Bar
<div class="progress progress-m">
<div class="progress-bar"></div>
</div>
Sizes
<div class="progress progress-xs">
<div class="progress-bar" style="width: 35%;"></div>
</div>
<div class="progress progress-s">
<div class="progress-bar" style="width: 35%;"></div>
</div>
<div class="progress progress-m">
<div class="progress-bar" style="width: 35%;"></div>
</div>
<div class="progress progress-l">
<div class="progress-bar" style="width: 35%;"></div>
</div>
<div class="progress progress-xl">
<div class="progress-bar" style="width: 35%;"></div>
</div>
Styles
<div class="progress progress-accent progress-m">
<div class="progress-bar" style="width: 35%;"></div>
</div>
<div class="progress progress-info progress-m">
<div class="progress-bar" style="width: 35%;"></div>
</div>
<div class="progress progress-success progress-m">
<div class="progress-bar" style="width: 35%;"></div>
</div>
<div class="progress progress-warning progress-m">
<div class="progress-bar" style="width: 35%;"></div>
</div>
<div class="progress progress-error progress-m">
<div class="progress-bar" style="width: 35%;"></div>
</div>
Last updated