SkillGitHub
All components
progress-bar

Progress bar

Covers pending, determinate, and complete progress states.

  • Keyboard ready
  • Reduced motion
  • TypeScript
Scene
product · mono
Runtime cost
Light
Motion engine
motion
Installnpx shadcn@latest add https://motion-lexicon.pages.dev/r/progress-bar.json

Component behavior

Pending, progress, and completion resolve along one bar Covers pending, determinate, and complete progress states.

Suitable events

Use for pending, success, failure, and progress feedback.

Runtime information

Motion engine
motion
Runtime cost
Light
Dependencies
motion
Open public Registry JSON