Create a Progress Bar | Frontend Coding Challenge | DevKode DOM Challenge

In this challenge, the candidate needs to omplement a progress/loading bar that animates from 0 to 100% in N seconds. (for example: 3 seconds)

• Start loading bar animation upon a button click.
• Queue multiple progress/loading bars if the button is clicked more than once. (Progress bar N starts animating with progress bar N-1 is done animating)

Mockups

• Default State

• On 1 Click

• On 5 Click (Queue)

Demo

Submission

Please start the timer before starting and finish your solution within 60-90 mins. Share your solution with us on Twitter or LinkedIn.

This question is part of DevKode Coding Challenges. Find the original challenge here