Skip to main content

Hi


I’ve made a progress circle (attaching screenshots below). It’s built from a complete circle in the background, a progress circle to visualise the progress, and text to display the progress in numbers.


When the progress circle is 100%, the progress circle becomes a… a circle. What I want to do is to make it overlap so it looks more like the 100th % is still visible on the progress circle.


It’s super difficult to explain so I’ll post screenshots below. 👍


Current setup:


The overlap I would like to achieve:

image


Any ideas how to do that? 🤔

Hi Vasil, I think this YouTube video might help you out! It shows how to recreate the Apple Watch Fitness App Display.


Reply