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-sm
50
.progress
50
.progress.progress-lg
50

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.