Origami Frontend Components & Services

SassDoc: o-stepped-progress


Outputs all available features and styles for stepped progress.

The output includes the .o-stepped-progress class definition as well as class definitions for every available theme.


Example #1

All stepped progress styles

@include oSteppedProgress();

Example #2

Base styles with 'heavy' theme

@include oSteppedProgress((
	'themes': (



Silent mode: on (true) or off (false) Set to false to output default stepped progress classes


Switch component view

GitHub: o-stepped-progress@4.0.7

Install o-stepped-progress

If using the Build Service, add o-stepped-progress@^4.0.7 to your script and link tags.

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

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