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

What is Framer? Join the Community
Return to index
Jinglu Liu
Posted Jun 12 - Read on Facebook

hi everyone, I want to implement the progress bar which expands from right hand to left hand. I am trying to use set width animation to do this, but it only expands from left to right.

this is my code
layer.width = 1
layer.animate
properties:
width: 300
curve: "ease-in-out"
Thanks :P

3 Comments

JinJu Jang

I think the easiest way is to animate X position of the progress bar. So your bar is out of the frame at the beginning, and then it starts animate to x: 0.

Min-Sang Choi

you can use layer.originX to set an anchor point for scale. check http://framerjs.com/docs/#layer.originX and this example: http://share.framerjs.com/ufo10ijxbixd/

Jinglu Liu

thx!! I use the originX and it works!!

Read the entire post on Facebook