Status
PublishedElement can be used in production | |
PublishedElement can be used in production | |
Angular | In backlogElement is in backlog |
React | In backlogElement is in backlog |
Documentation | PublishedElement can be used in production |
Progress bars are used to convey the duration of system processes, including installation and uploading or downloading files, images, or updates.
PublishedElement can be used in production | |
PublishedElement can be used in production | |
Angular | In backlogElement is in backlog |
React | In backlogElement is in backlog |
Documentation | PublishedElement can be used in production |
Progress bar was previously named “Standard Progress Indicator with Percentage” and was featured in the “Progress Indicators" section of DDS v1. This component has been redesigned to the updated font ramp and color palette, in addition to accessibility enhancements. There are two kinds of progress bar, determinate and indeterminate, with the prior showing percent completion. Each kind has a distinct animation and usage guidelines.
Component | Use case |
---|---|
Progress bar | Progress indicator provides visual or quantitative feedback to users regarding how long a system will take to complete a system process. This component is not intended for use during loading or submission events under five seconds. |
Progress tracker | Progress trackers display the user’s location within a multistep process while providing the status of each step. In these cases, progress is user-initiated. |
Loading indicator | A loading indicator is a visual animation used to convey processing or loading, but does not indicate how long the activity will take to complete. |
A progress bar is composed of, at most, five elements: