Progress

Examples and usage guidelines for the Progress component.

Progress

Visual progress bars for background activities.

Show Code

<!-- Simple Progress Bar -->
<div class="progress" style="height: 8px;">
  <div class="progress-bar bg-primary" style="width: 25%"></div>
</div>

<!-- Animated Striped Progress Bar -->
<div class="progress" style="height: 8px;">
  <div class="progress-bar bg-accent progress-bar-striped progress-bar-animated" style="width: 75%"></div>
</div>