The spinner is the default element for loading patterns. It may be followed by a label or be located in a container. The minimum size is 16px.
It can be used inside components like buttons, messages or data tables - or on its own.
Choose a spinner that shows the percentage for very long downloads (more than 10 seconds).
For the spinner, there are two kind of animations:
The duration of progression is short (up to 10 seconds): the circle makes a 0.75s loop.
The duration of progression is defined but long (more than 10 seconds): the circle/bar fills the void.