All challenges
UI · Frontend challenge · Frontend UI
Progress Bar
Difficulty
easy
Time
~15m
Format
Single
Grading
Human review
#ui#react#frontend#state#styling
Mission file // read carefullyeasy
Build a Progress Bar.
Requirements
- A bar that fills to a percentage (0–100).
- Buttons to step the value down/up by 10, clamped to
[0, 100]. - Show the numeric percentage and animate the fill smoothly.
Build with
ReactLive preview as you type
Human review
Start challenge
Sign in to save your progress.