Hello,
you may be wondering that this has been done before. But I haven’t seen any resource discussing transparent radial progress bars.
The key thing that is being done here is by using ClipsDescendants. There is a catch to this approach though. I always thought this was impossible because when rotating the UI, the ClipsDescendants property stops working.
I discovered that this isn’t the case when using UIGradients and rotating those.
Here is the download:
CircularGradientCooldown.rbxm (15.4 KB)
If you want to use the module it’s simple, just do
module.RadialStart(CooldownIndicatorUI, duration)
If you’re a good programmer you can manage.