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
.
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-striped
to any .progress-bar
to apply a stripe via CSS gradient over the progress bar's background color.
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
.
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-striped
to any .progress-bar
to apply a stripe via CSS gradient over the progress bar's background color.