- spinner
- loading
- status
Loading
32 components
How to show waiting. When duration is unknown, use a labelled spinner or indeterminate progress; when it is known, a percent ring or bar; when a layout is loading, a pulse skeleton. A blocking overlay covers the screen during an operation, and a submit-lock button prevents a double form submit.
- spinner
- dots
- loading
- spinner
- progress
- indeterminate
- spinner
- progress
- ring
- spinner
- overlay
- busy
- spinner
- skeleton
- pulse
- spinner
- dots
- typing
- spinner
- progress
- indeterminate
- spinner
- button
- loading
- spinner
- skeleton
- shimmer
- spinner
- progress
- dial
- spinner
- stages
- status
- spinner
- loading
- route
- skeleton
- loading
- placeholder
- skeleton
- card
- loading
- skeleton
- list
- loading
- skeleton
- table
- grid
- skeleton
- profile
- header
- skeleton
- text
- mask
- skeleton
- grid
- gallery
- skeleton
- chart
- loading
- skeleton
- card
- product
- skeleton
- table
- data
- progress
- loading
- indicator
- progress
- steps
- pipeline
- progress
- ring
- goal
- progress
- upload
- file
- progress
- storage
- breakdown
- progress
- threshold
- quota
- progress
- indeterminate
- loading
- progress
- steps
- wizard
- progress
- bar
- label