Please review @Abirpal202049 @thepranaygupta @bhavesh-chaudhari @saikatmu31

Please remove the vscode file

Removed! @nandini7637

There seems to be a bug in progress bar(timeline). It is progressing even after the counter has stopped. Can you confirm this ? If this is happening with you too then please try to fix it.

I have checked, It's working fine!

Here you can see, I have checked just now:

There seems to be a bug in progress bar(timeline). It is progressing even after the counter has stopped. Can you confirm this ? If this is happening with you too then please try to fix it.

I have checked, It's working fine!

I just rechecked and it is working as expected in chrome but this is how it works in firefox -

On firefox it is taking around 17 seconds for the timeline to finish as you can see here(expected time to finish progressing is 10 seconds) -

Whereas it takes around 11 seconds on chrome -

This is because browsers don't give much accuracy in setInterval or setTimeout especially when the delay is very small(like 20ms in this example).

Checkout this for more insights about the bug and how to go about fixing it -

• How to create accurate timer in javascript ?
• Will setInterval drift ?
• using requestAnimationFrame instead of setInterval

Oh! I haven't checked for other browsers, will fix it soon!

Fixed the timeline, Please review! @bhavesh-chaudhari

Fixed the timeline, Please review! @bhavesh-chaudhari

The timeline is still showing unexpected behaviour as before on firefox. Can you show a preview that it is working fine ?

Fixed the timeline, Please review! @bhavesh-chaudhari

The timeline is still showing unexpected behaviour as before on firefox. Can you show a preview that it is working fine ?

It is showing same time results.

Here's it is on Chrome--



And this is on Firefox--

Fixed the timeline, Please review! @bhavesh-chaudhari

The timeline is still showing unexpected behaviour as before on firefox. Can you show a preview that it is working fine ?

It is showing same time results.

Here's it is on Chrome-- And this is on Firefox--

The Time Spent in above images is actually not the time spent but seems to be number of loops you are using(which is independent of browsers). If you read my older message then you can see both no. of loops and time taken. Also the issue is with setInterval() method as it was explained in the previous message. Its behaviour changes with user browsers, devices, etc. so the animation will look different to different users. For more details please go through the links i had shared earlier it does contain the correct solution too !

Fixed the timeline, Please review! @bhavesh-chaudhari

The timeline is still showing unexpected behaviour as before on firefox. Can you show a preview that it is working fine ?

@bhavesh-chaudhari Please see here, how it's showing for me on firefox:
https://user-images.githubusercontent.com/77191007/155551835-d6fd7f67-621b-4e36-98cd-609c8ba1f2e5.mp4

Timing results are almost same on Google and Firefox.

This is on Google:

And this is on Firefox: