circularFill.rbxl (26.9 KB)
I have this example place that should do a circular fill on images with any asset id you want. I tested with most of sizes and textures. You can change the numbers provided in the script or change the assets as described in comments.
It uses clipDescendants as well as 2 gradients with a little offset. You could use similar method but make 2 clipping frame horizontal instead if you want it to start horizontally.
Just one fix: in your example file, you put 0.01 and -0.01 in the UIRadient.Offset.X of the left and right frames. This was causing a time distortion, a brief delay when the bar got close to 50%.
Leaving both offset at 0 fixes the problem.
Now I understand why I made these offsets. Because of this visual glitch:
So now, I have to make 2 things in the script:
One the angle is 0, I have to insert both offsets above.