Loaders
Loaders provide system feedback about the duration and progression of a system status, such as a download, file transfer, or installation to indicate how long a user will be waiting. They are used to reassure the user that the system is working and communicates actively while waiting for a response to change.
Import
Progress Linear
Progress Circular
Props
Progress Linear Props
| Name | Description | Default |
|---|---|---|
| value | The value of the progress bar, representing the completion percentage. Must be a valid percentage (i.e. between 0 and 100). @ignore number | - |
| labelOverrides | Overrides for labels that have been defaulted in the component. ProgressLabelOverrides | - |
| isDeterminate | Whether the progress bar is indeterminate. TODO: codemod transform needed for determinate -> isDeterminate @ignore boolean | - |
Progress Circular Props
| Name | Description | Default |
|---|---|---|
| value | The value of the progress bar, representing the completion percentage. Must be a valid percentage (i.e. between 0 and 100). @ignore number | - |
| labelOverrides | Overrides for labels that have been defaulted in the component. ProgressLabelOverrides | - |
| isDeterminate | Whether the progress bar is indeterminate. TODO: codemod transform needed for determinate -> isDeterminate @ignore boolean | - |
| size | Size of the circle. ProgressCircularSize | 'md' |
Questions?
Connect with the DLS Team on Slack or by email.
Resources
Check out additional resources.