Types
Loader
A loader

Text Loader
A loader can contain text
Loading

Loading

States
Indeterminate
A loader can show it's unsure of how long a task will take
Preparing Files

Active
A loader can be active or visible

Disabled
A loader can be disabled or hidden

Variations
Inline
Loaders can appear inline with content
Inline Center
Loaders can appear inline centered with content
Speed
Loaders can appear slow, normal or fast
Colors
Loaders can be different colors
Size
Loaders can have different sizes
Loading

Loading

Loading

Loading


Loading



Loading



Loading



Loading



Inverted
Loaders can have their colors inverted.
Loading

Loading

Loading


Loading



Styles
Loaders can also appear in double
or elastic
animation style. Can be combined with any color or speed.