Directional Options

Progress Color

.progress-bar.bg-color

With label

Add label: 50%
50
50
50
50
50
50
50
50

Progress Striped

.progress-bar-striped
25
25
50
50
75
75
100
100

Progress 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

Progress 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
Template Panel