# Progress status

Progress status: a free component, built on your design tokens, to use to answer where an order, refund, request or job is right now. Where something stands: a status line coloured by its tone, an optional progress bar, the steps done and still to come, and when it was last updated.

Prompt: Add the OpenDesigner component progress-status to this project: https://opendesigner.dev/library/progress-status.html. Keep its markup and states; map its --ds-* variables to my tokens.

States: neutral, info, success, warning and danger tones, step done, current step, next step, progress bar.

Accessibility: The status is plain text with a decorative icon; the steps are an ordered list and each step's state is read out before its label; the bar is decorative and its value is in the text beside it.

File: https://opendesigner.dev/library/progress-status.html

Catalog entry (parts, data limits, states, tokens): https://opendesigner.dev/library/progress-status.json

Download: `curl -fsSLo progress-status.html https://opendesigner.dev/library/progress-status.html`