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

What is Framer? Join the Community
Return to index
Andrew Nalband
Posted Nov 13 - Read on Facebook

Here's a little way to create a circular progress indicator (view video in full screen HD for best results) There are squares, circles, splatters and more:

http://share.framerjs.com/h3d2om1rrh7d/

Happy to share some of the other examples shown here if people are interested.

8 Comments

Andrew Nalband

The first example here can be achieved in a mere 17 lines of code.

Johannes Eckert

ha ha, so clever! This sinus and cosinus should be useful for something!

Jordan Robert Dobson

The best one. The coffee stain loader.

Andrew Nalband

Jordan Robert Dobson - here's the "coffee stain" loader http://share.framerjs.com/wr73lmob40rx/

Andrew Nalband

I'm kind of partial to the triangle loader: http://share.framerjs.com/guj3zn26sb5w/

Andrew Nalband

Jordan Robert Dobson - the official coffee stain progress loader http://share.framerjs.com/gbnyfxf36l6p/

Ash Adamson

gosh, now we're getting into PI. Better go review my math books. XD

Andrew Nalband

Don't be fooled, Ben - I literally googled "how do I find the points in a circle"

Read the entire post on Facebook