I am hitting a little roadblock here. How would one go about animating a button like in the Sketch file attached? The idea is that once the button is pressed, the orange bars over the background of the button will act as indicator (they would run from left to right) that the message is being sent as well as the copy changes to "Sending.." -- such animation have been a headache a lot over the past so any help would be very much appreciated! :) Here's the Sketch file:

Thierry Meier

Posted Aug 27 - Read on Facebook

I am hitting a little roadblock here. How would one go about animating a button like in the Sketch file attached? The idea is that once the button is pressed, the orange bars over the background of the button will act as indicator (they would run from left to right) that the message is being sent as well as the copy changes to "Sending.." -- such animation have been a headache a lot over the past so any help would be very much appreciated! :)

Here's the Sketch file:

1 Comments

Balraj Chana

Hey Thierry, how about using CSS to animate the stripes? http://share.framerjs.com/z8ltsa5cygg8/

Read the entire post on Facebook