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

Indicate current position

Indicate current position Bad Practice
Indicate current position Best Practice

Having a clear understanding of where users are is one of the fundamental rules of successful navigation. Like a pin on a tourist city map saying, "You are here," the current step on a progress tracker should stand out to remind users of where they are within the journey.

The current step should visually differ from the steps users have already finished and those remaining. One effective way to achieve this is through color differentiation. Using a distinctive color for the current step sets it apart from completed and remaining steps.

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