Progress Indicator

A Progress Indicator provides a graphical representation of user's 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?

Update required

React

Is new design vision part implemented using new tokens?

Up to date

Introduction

Progress Indicator is used in multi-step flows to inform the users about the total number of steps, their progress in completing the task and help them navigate between the steps if they need to make some changes.

Progress indicator / Overview