Progress indicator

Visual representation of the status of an ongoing process or task

When to use a progress indicator

  1. You have a process that includes multiple steps for the user to go through.
  2. You have a task that needs tracked over time.

 

 

Best practices

Put it in a high visible spot

Make sure the process indicator is prominently visible so users can easily see the status of a process or step that they’re on.

 

Use secondary text

As much as possible, utilize the secondary text variant to give the user extra context or details to the step they’re on.