Progress Indicators

Design System Guidelines

Standard Progress Indicator with Percentage

When the system can provide feedback as to how much time is remaining for an operation to complete.

Standard Progress Indicator with Percentage and Animation

When the system can provide feedback as to how much time is remaining for an operation to complete.

User Controlled Progress Indicator with Helper Text

When the progress is described via text, and the user can control the operation progress.

Loading Indicator

Loading Indicator Modal

When user control should be disabled while the operation is progressing. In this example, the loading lasts for three seconds.