FrontendArk

Master Frontend Interviews

  • Practice
  • Playground
  • Resource
Medium

Progress Bars II

40 mins

Build a list of progress bars that fill up gradually in sequence, one at a time.

Requirements:

  1. Render multiple progress bars (e.g., 3).
  2. Each progress bar should fill from 0% to 100%.
  3. Once a progress bar completes, the next one should start.
  4. Only one bar should be filling at any time.
  5. Use setInterval or requestAnimationFrame for gradual filling.

Code Editor

React Component

00:00
Loading...

Live Preview

See your React component