Status Indicator: An Animated Web Component for Workflow Steps

Drag across five workflow dots and watch the active one stretch into a labeled pill. status-indicator packages that interaction as a dependency-free Web Component.

• Click, touch, or scrub across status choices.
• Replace the default labels, colors, and icons.
• Navigate through radiogroup keyboard controls.
• Theme the control with CSS custom properties.
• Honor reduced-motion preferences automatically.

No framework and no build step.

👉 Blog Post

👉 GitHub Repo

👉 Live Demo