Basic progressbars

40%
30%
50%
60%
70%
80%

Flat progressbars

30%
40%
50%
60%
70%
80%

Stripped animated progressbars

30%
40%
50%
60%
70%
80%

Animated progressbars

Stripped progressbars

30%
40%
50%
60%
70%
80%

Small progressbars

Large progressbars

Other variations

35% Complete (success)
20% Complete (warning)
10% Complete (danger)
35% Complete (success)
20% Complete (warning)
10% Complete (danger)
35% Complete (success)
20% Complete (warning)
10% Complete (danger)

Circular progressbar styles