Progress
Progress indicator gives the user a precise view of how long a system operation is taking. Use it when the action will last more than a second. Two variants are available to accommodate different layouts: CircularProgress and LinearProgress.
Also known as: Progress bar, Progress indicator
| Salt package | @salt-ds/core |
|---|---|
| Available since | 1.17.0 |
Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected
- When it’s possible to determine the length of time remaining for a task or operation to complete. This will reassure the user that it is being processed.
- To provide users with a visual indication of the status of an operation, or how much of a process is completed.
- When the operation will take more than a second to complete, to reassure users that the operation is in progress.
- When a task or operation will take an indeterminate length of time to complete. Instead, use
Spinner. - To indicate the loading of content on navigation. Instead, use
Spinner.
To import the CircularProgress and LinearProgress components from the core Salt package, use:
- When it’s possible to determine the length of time remaining for a task or operation to complete. This will reassure the user that it is being processed.
- To provide users with a visual indication of the status of an operation, or how much of a process is completed.
- When the operation will take more than a second to complete, to reassure users that the operation is in progress.
- When a task or operation will take an indeterminate length of time to complete. Instead, use
Spinner. - To indicate the loading of content on navigation. Instead, use
Spinner.
To import the CircularProgress and LinearProgress components from the core Salt package, use:
- When it’s possible to determine the length of time remaining for a task or operation to complete. This will reassure the user that it is being processed.
- To provide users with a visual indication of the status of an operation, or how much of a process is completed.
- When the operation will take more than a second to complete, to reassure users that the operation is in progress.
- When a task or operation will take an indeterminate length of time to complete. Instead, use
Spinner. - To indicate the loading of content on navigation. Instead, use
Spinner.
To import the CircularProgress and LinearProgress components from the core Salt package, use: