Overview
Linear loaders illustrate progress by moving an indicator along a horizontal track.
See the loaders page for more information and guidelines.
Usage
Determinate
Indeterminate
Props
| Name | Description | Type | Default | Required |
|---|---|---|---|---|
type | One of 'determinate' or 'indeterminate'.
Determinate loaders represent a known completion percentage.
Indeterminate loaders simply show that activity is currently happening. | string |
'indeterminate'
| — |
progress | For determinate loaders, value between 0 and 100 representing percentage completion | number |
0
| — |
delay | Apply 300ms delay before showing loading state.
Recommended in majority of cases. | boolean |
false
| — |