Progress Indicator

A Progress Indicator is an interactive component representing progress in a linear, multi-step process.

Component Status

Component checklist

Design documented

The component is fully documented

React documented

Design

Is the design finished and component available in Figma library?

Up to date

React

Is new design vision part implemented using new tokens?

Up to date

Introduction

Progress indicators are used in multi-step flows to inform users about the total number of steps and their progress in completing tasks. They also assist users in navigating between steps if they need to make changes to previously completed steps.

Progress indicator / Overview