How to reverse the animation of the battery bar


I was wondering if you can help me with an animation for the battery bar. I was trying to make this watchface showing the battery bar with the opening of the eyes:

I followed this tag


to animate a rectangle that works as eyelids. But when you have 100% of battery all the rectangle is showed when you have less battery starts to disappear (the opposite of the image showed before)

Is there a way to reverse this to make the animation?

thank you in advance.

Hi @tanakathemovie,

let’s try simple



Apropos, nice idea with closing eyes…

Thank you thomas, it worked

1 Like