0
Hours
0
Minutes
0
Seconds
You need Login/Signup to run/submit the code.

How to animate multiple progress bars in a sequence? | Uber Frontend Interview Question | React.js | JavaScript | HTML | CSS

@Devtools Tech
978

In this question, the candidate needs to add and animate multiple progress bars on a button click.

Specifications

  • Upon clicking the button, we need to add a progress bar on the screen.
  • The progress bar should complete the animation from 0% to 100% in 3 seconds.
  • Upon clicking the button multiple times, the progress bars should be queued. Loading/Animation of Nth bar should only start when N-1 animation is complete.

Demo

Mockups

  • Single Progress Bar

Single Progress Bar

  • Multiple Queued Progress Bars

Multiple Queued Progress Bar

Submission

Start the timer, complete your solution, test your solution against the test cases provided by the platform, and submit it. Ideally, you should finish this question within 30 mins.

Share your solution with us on Twitter or LinkedIn.