Progress Bars
Progress Bars
Here are the well customized progress bars. Add .progress
to element and add .progress-bar
to the inside element.
Project one
Project Two
Project Three
Project Four
Project Five
Labels
labeled progress bar.
25%
Height
we can give height to progress bars.
Backgrounds
we can give Background color by adding .bg-success, .bg-info, .bg-warning, .bg-danger
.
Multiple bars
we can give multiple background color to same progress bar by adding .bg-success, .bg-info, .bg-warning, .bg-danger
and spilt values to each .progress-bar
.
Striped
just add .progress-bar-striped
to any progress-bar
.
Animated stripes
just add .progress-bar-striped
and .progress-bar-animated
to any progress-bar
.