FrontendInterviews.dev

Loading problem…

10. Progress Bar

Easy•
Acceptance: 69.00%
•
🔓3/3 Pro unlocks today

Build an app where clicking Add appends a new progress bar.

Each added bar should:

  • start empty,
  • begin filling immediately,
  • finish in about 2000ms,
  • fill independently from other bars.

Use CSS transitions for animation (fire-and-forget behavior).

Constraints

  • Use React function components and hooks
  • Each click adds one new bar at the bottom
  • Each new bar starts animating immediately
  • Bars animate independently
  • Each animation takes approximately 2000ms