This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Ken Yiu
Posted Apr 30 - Read on Facebook

A simple circular progress bar with slider control
http://share.framerjs.com/0vklwlya76gp/

6 Comments

Ken Yiu

Noam Elbaz Hope this helps

Cee Chang

Amazing, thanks for sharing

Marc Krenn

Very impressive!

Marc Krenn

Hey Ken, what is "svgPath.getBoundingClientRect()" used for in this case?

Noam Elbaz

Ken Yiu big thanks. I can't wait to pick this apart.

Ken Yiu

getBoundingClientRect() is a hack used by jake archibald to make sure the browser redraw the style and move to the start point before the animation. But it still works without it in Framer

Read the entire post on Facebook