Spinner indicators express an unspecified wait time or display the length of a process.
Material Web Component
The circular progress web component from the Material Web Components library is one option for spinner elements within this theme.
By default, the circule progress Material Web Component uses the
attribute to set the positioning of progress state where
is any number between 0 and 1.
attribute can be added to the circular progress web component in place of the progress attribute to add the animated spin to the element.
A separate web component, the four color variation, can be used as well. This is best used with the
The Bootstrap spinner component is also available, and has been modifed to match the Material Design specifications as closely as possible.
By default, the spinner has a dark color, but the color can be set using any text utility that sets color.
variant is another option for a different spinner style.
Either spinner type can be used within the button element. The
size options are also used within the button examples.
Docs for Material's circular progress web component
Docs for Material's four color circular progress web component
Bootstrap's spinners documentation