Progress

Core component

Also known as

Progress bar, Progress indicator
Available since
@salt-ds/core@1.17.0

A progress indicator gives the user an understanding of how long a system operation will take. Use it when the operation will take more than a second to complete. Two components are available to accommodate different layout constraints: CircularProgress and LinearProgress.

Note: This tab list includes overflow; tab positions may be inaccurate or change when a tab is selected
Density
Mode

Use linear or circular depending on the context, layout and functionality of an application. Use the same indicator for the same type of process to ensure consistency.

Use linear or circular depending on the context, layout and functionality of an application. Use the same indicator for the same type of process to ensure consistency.

Use an indeterminate linear progress to indicate ongoing progress until a determinate value can be specified.

Specify the min and max values of the progress indicator. The default range is 0 - 100.

Specify a buffer value to indicate loading state. The buffer is a pending value so will not affect the progress label.

Dynamically represent a progressing value in the progress indicator.

Dynamically represent a progressing buffer value in the progress indicator.