Directional Options

Progress Color
.progress-bar.bg-color
With label
Add label: 50%
50
50
50
50
50
50
50
50
Striped
.progress-bar-striped
50
50
50
50
50
50
50
50
Striped Animated
.progress-bar-animated
25
25
50
50
75
75
100
100
Vertical
.progress-vertical
With label
.progress-vertical + label
25
25
50
20
75
75
100
100
Striped
.progress-bar-striped
25
25
50
50
75
75
100
100
Striped Animated
.progress-bar-animated
25
25
50
50
75
75
100
100

General Options

Progress Bar Sizes
Class Description
.progress.progress-xs
50
.progress.progress-sm
50
.progress
50
.progress.progress-lg
50
Progress Bar Options
Class Description
.progress.progress-xs
50
.progress.progress-sm
50
.progress

Progress Bars Inverse

.progress.flex-row-reverse
.progress.flex-row-reverse
25
25
50
50
75
75
100
100
Right Sidebar Content

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce volutpat ac tortor eu viverra. Etiam ipsum neque, fermentum quis sagittis nec, hendrerit id diam. Mauris a tincidunt odio. Sed porttitor ex pulvinar, tristique sapien sed, malesuada nunc.