search

andsens / blog-material

MIT License
23 stars 22 forks source link

Lag at values of 85% and higher on safari browser #4

Open benibargera opened 5 years ago

benibargera commented 5 years ago

Hi there! Thank you so much for this. I’ve noticed, however, that when the progress value is 85% or higher, that there is a weird lag on safari. There seems to be a gap left of the 50% mark until the last milli-second when the browser fills it. Do you know why this is? How can I fix this? Thanks!

benibargera commented 5 years ago

To answer my own question, I solved this bug (on safari) by setting border-radius of .mask to 0 (i.e removing that value from .mask, .fill, .shadow) and providing .fill with border-radius 50%.