Linear
There are a couple different types of linear progress bars.
Determinate
Indeterminate
If you have content that will take a long time to load, you should give the user feedback. For this reason we provide a number activity + progress indicators.
There are a couple different types of linear progress bars.
There are 4 colors and 3 sizes of circular spinners. The spinner should be nested in a preloader-wrapper
div. The default size is medium, but you can add the classes big
or small
to adjust the size accordingly. You can add the classes spinner-red-only
, spinner-blue-only
, spinner-yellow-only
and spinner-green-only
. You can also leave this class as just spinner-layer
and it will be set to the $spinner-default-color
variable in our variables.scss file.