Default Progress bars

Use .bg-{state}in .progress-bar

Gradient Progress bars

Use .bg-gradient-{state}in .progress-bar

Striped Progress bars

Use .progress-bar-stripedin .progress-bar

Animated Progress bars

Use .progress-bar-animatedin .progress-bar

Progress bars with labels
Project 1
25%
Project 2
50%
Project 3
75%
Project 4
100%
Project 5
75%
Project 6
40%
Small Progress Bars

Use .progress-tinyin .progress

Project 125%
Project 250%
Project 375%
Project 4100%
Project 575%
Project 640%
Round Progress Bars

Use .bg-{state}in .progress-circle

12%
38.8%
78%
100%
Small Round Progress Bars

Use .progress-round-tinyin .progress-circle

12%
38.8%
78.8%
100%