The progress bar is a graphical control element used to visualize the progression of a task. Progress bar shows the activity being done on behalf of the user.

 

Resources

Related Guidelines

Usage

Use the progress bar to indicate the user’s progress in the journey of completing a task or a setup. 

 

Appearance and behavior

Always use the progress bar with the step indicator along with the progress bar.

 

Example:

This is an example of the progress bar being used in the step flow pattern. 

  • Was this Helpful?
  •