StepDots

Where you are in a short unnamed flow: one dot per step, the current one slides. Use FlowProgress when the steps have names worth reading.

Playground

Where you are in a short flow. The current dot slides; passed dots stay half lit.

<StepDots count={3} current={1} />