My learning 0 of 20 lessons complete
Start lesson 1 →
pattern-library 2 linked patterns checked

Carbon Progress indicator

Documents progress indicators for linear multistep tasks, completed/current/future states, short action labels, optional/error helper text, validation before progressing, interactive step navigation, and keyboard arrow navigation when interactive.

Read with a purpose

What this source can teach

Use this source to compare a documented solution with the task and states in your own product.

  1. Start with the original. Open the source and find the guidance or example relevant to your task.
  2. Trace the connection. Use the claim notes below to see how this site applies the source to specific patterns.
  3. Check the setting. Compare the source's platform, people, and constraints with your own decision.

Pattern Decisions This Source Supports

Pattern Supported decision Required contract Claim note
Step navigation / step indicator Choose step navigation when a form, checkout, onboarding, or application has three or more high-level linear steps. The current indicator segment always matches the visible page, route, and task heading. Carbon defines progress indicators for linear multistep tasks with completed, current, future, optional, disabled, and error states plus validation guidance.
Step progress Choose step progress when users need status for named workflow stages, not only a route position. The indicator reads from the same workflow state that controls route availability, validation, saved answers, and submission gates. Carbon supports progress indicators with current, completed, future, optional, disabled, invalid, and error states for linear multistep workflows.

Evidence Role

This source is treated as pattern-library evidence. Its value comes from the specific claims and setting described above.

Publisher: IBM Carbon Design System. Last checked: .

Saved items