Progress Bars

{{e.title}}

{{e.value}}%

In Sidenav

Indeterminate/Looping

Labeled, Static Progress Bar

{{staticLabeledProgbarValue}}%

Danger Static Progress Bar

Success Static Progress Bar

Stacked Layout

{{staticDangerValue}}%
{{staticLabeledProgbarValue}}%
{{staticSuccessValue}}%

Stacked and resized layout

{{staticDangerValue}}%
{{staticLabeledProgbarValue}}%
{{staticSuccessValue}}%

Inline in Card

Card title

Here is a progress bar at the very top of a card.