Open primary navigation
Origami Frontend Components & Services

Demos: o-stepped-progress

Stepped Progress

A basic stepped progress indicator, with completed and current steps. This demonstrates using stepped progress for a signup form.

Open demo in a new tab

Error Step

A stepped progress indicator with an errored step.

Open demo in a new tab

HTML Labels

A stepped progress indicator with richer labels, using other components.

Open demo in a new tab

Heavy Variant

A stepped progress with the “heavy” variant.

Open demo in a new tab
Status
active
Switch component view

GitHub: o-stepped-progress@4.0.6

Install o-stepped-progress

If using the Build Service, add o-stepped-progress@^4.0.6 to your script and link tags. Ensure the correct brand is set with a query parameter &brand=internal.

If using the npm package manager for a Manual Build, run npm install --save-peer "@financial-times/o-stepped-progress@^4.0.6".

Help & Support

o-stepped-progress is maintained directly by the Origami team. If you have any questions about o-stepped-progress or Origami in general, we are happy to help. 😊

Slack: #origami-support
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #origami-support
Email: origami.support@ft.com