Progress

Examples for using Bootstrap custom progress bars featuring support for stacked bars, animated backgrounds, and text labels.

Default

With label

45%

Small Progress

Large Progress

Multiple bars

Multiple bars with label

15%
30%
20%

Backgrounds

Striped

Spinners

Indicate the loading state of a component or page with Bootstrap spinners, built entirely with HTML, CSS, and no JavaScript.

Border Spinners

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Spinners size

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Growing spinner

Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...
Loading...

Buttons with spinners