How can I create a gradient circle GUI? (Link to example)

I have a GUI that will eventually display Health and such. https://gyazo.com/38331c3ed5efaf6aaf1ba437772e13ed

I would like it to behave like this one from Dungeon Delvers https://i.gyazo.com/049f062020e14477a8d1d662e5f2d954.mp4 but am completely lost on how to do so.

My initial attempt was to use ClipsDescendants, but it obviously would still go out of the bounds of the circle because it's an Image. I was also thinking of making 100 different frames in a circle shape, but doing so manually would be painstaking, and the math is not something I was able to figure out.

Any help will be appreciated.

Someone on Reddit answered this perfectly with an example model. https://www.roblox.com/item.aspx?id=522343009

It had to do with fancy uses of ClipsDescendants, contrary to what I originally thought wasn't viable.