Multi-Step Progress
Animated multi-step progress indicator with connecting line fill and step highlights.
Adjust the preview
Every choice updates the preview and the wording below.
Style
Color
Steps
Your prompt
Highlighted values follow your choices — click one to write your own.
Create a multi-step progress indicator in labeled style with violet accent color showing 4 steps. Steps should auto-advance every 1.5 seconds in a loop. Animate the connecting line fill with a CSS width transition as each step completes, and highlight the active step with a glow ring. Restart from step one after all steps complete.
Paste it into Claude, Cursor, or v0 along with the context for your project.