Skip to content
Submitted almost 3 years ago

Vanilla JS, syncing of progress bar in CSS with JS timer

animation
Geochi Nova•40
@ar78studio
A solution to the Pomodoro app challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

All feedback is welcome! :)

  1. One of the improvements I'm working on is the: new Date().getTime() as there is a slight drift over-time with the progress bar if using setInterval() only.
  2. The progress bar is counting seconds and is showing the progress of each minute passed, I would also like to have the progress bar display total time elapsed/remaining.
Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Geochi Nova's solution.

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord