How to make fill up circle progress gui

Hi
I am trying to make a circle fill up progress gui but I can’t figure it out.
I want it to look something lke this:
image
Where there is a circle background and other circle which is covered by a square which is invisible to set the progress. I tried clip descendants but my circle either frame with ui corner or an image always was a square so while masking it went over the edges at the corners.

1 Like

You could try animating a UIGradient with its Transparency sequence set to an abrupt cutoff, that’s how I’ve done progress bars.
I posted a solution to a similar question here: How to fix Image Health Bar Appearance when Size is changed?

5 Likes