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.



Related Guidelines


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.



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

  • Was this Helpful?