Health Tracking Screen

An early stage exploration of a health screen I've been working on in the past week. It was quite the challenge to animate the Path, since Framer does not support path properties like the offset of Design mode paths, so I had to write an SVG animation for it. On top of that, I had to set up a function which animates the SVG animation. In that way I can trigger the animation right after the animation of the percentage element. It was quite the challenge for a coding-newbie like me, lol, but it was worth the work.