Progress Bars

These examples are included for development testing purposes. For official documentation, see https://www.patternfly.org and http://getbootstrap.com.

Basic Example

60% complete

With Label

60% complete

Contextual Alternatives

40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete

Striped

40% Complete (success)
20% Complete
60% Complete (warning)
80% Complete (danger)

Animated

45% Complete

Stacked

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

PatternFly Examples

Sizes

Small

60% complete
60% complete

Extra Small

60% complete
60% complete

With Label

Left

5%
60%
100%
5%
60%
100%

Top Left and Top Right

Network Capacity
5%
Downloading: Product Repositories
42.7% (35 of 82MB)
46,512 Downloading: Product Repositories
100%
Network Activity: 10.10.121.02
100%
Network Activity: 10.10.121.02
75%
Network Activity: 10.10.121.02
10%

In Table Cell

Column heading Column heading Column heading
Column content
5%
Column content
Column content
60%
Column content
Column content
100%
Column content

With Tooltip

60% complete