Tracking progress 📈

Progress trackers are determinate indicators to represent where a user is in a journey. They inform the user what they have completed, where they are currently, and what's left to complete.

• Determine your type of progress tracker

  This tracker can be visible in many ways — a loading bar, a pie chart, numbered steps.

  An experience with large sections would utilise numbered steps, or "milestones". One overall journey that has incremental steps would utilise a loading bar or pie chart better, perhaps with an overall percentage.

• Create your states

  A progress tracker with milestones needs to show 3 states:

  • What's been completed

  • What's currently being completed

  • What hasn't been completed yet

• Assemble your tracker

  Final touches can include grouping your sections by milestone, and deciding how you want to label each milestone (by number or by title).