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

Spinners on Bootstrap

Use border spinners as lightweight loading indicators.

Loading...

Use text color utilities like .text-primary, .text-success, or .text-danger to style the spinner, which inherits its color from currentColor.

Bootstrap spinners use rem, currentColor, and inline-flex for easy sizing and alignment.

Loading...

Bootstrap spinners use rem, currentColor, and inline-flex for easy resizing, coloring, and alignment.

Loading...

The grow spinner also uses currentColor, so apply classes like .text-primary, .text-warning, or .text-info to customize its color.

CSS Based Plugin