Spinners

Loading...

Spinners

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

Default

Loading...

Color Variations

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

Growing Spinner

Loading...

Growing Spinner - Color Variations

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

Extended Spinners

Loading...

Extended Spinners - Primary

Loading...

Extended Spinners - Secondary

Loading...

Extended Spinners - Success

Loading...

Extended Spinners - Danger

Loading...

Extended Spinners - Info

Loading...

Extended Spinners - Light

Loading...

Extended Spinners - Dark

Loading...

Small

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

Large

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

Buttons

Light Buttons

Buttons With Label

Light Buttons With Label