Progress
How it works
A progress bar can be used to show a user how far along he/she is in a process.
Backgrounds Color
Use background utility classes to change the appearance of individual progress bars.
Striped Progress Bar
Add .progress-bar-striped
to any .progress-bar
to apply a stripe via CSS gradient
over the progress bar’s background color.
Height
We only set a height value on the .progress
, so if you change that value the inner
.progress-bar
will automatically resize accordingly. Use .progress-xs
, .progress-sm
,
.progress-md
, .progress-lg
or .progress-xl
classes.