Progress

Visual indicators to provide feedback on some activity progress.

Backgrounds

Use background utility classes to change the appearance of individual progress bars.

Labels

Add labels to your progress bars by placing text within the .progress-bar.

25%

Height

We only set a height value on the .progress wrapper.

Multiple bars

Include multiple progress bars in a progress component if you need.

Striped

Add .progress-bar-stripedto any .progress-bar to apply a stripe via CSS gradient over the progress bar’s background color.