<?xml version="1.0" encoding="utf-8"?>

Create your states

Create your states Bad Practice
Create your states Best Practice

A progress tracker with milestones should always show 3 states:

  • Steps that have been completed
  • Current steps
  • Steps that haven't been completed yet

You can use color and unfilled circles to indicate steps that users haven't reached yet and checkmarks to signify completion.

Improve your UX & Product skills with interactive courses that actually work