Circle Radial Fill

I came up with a simple module to manage radial fill (idk what to call it) with circular items. I utilized the same formula Roblox does with it’s proximity prompts and it came out very good (with few minor issues)

Circle - Creator Marketplace (roblox.com)

Here is a simple on guide on how to use it

local Circle = require(game.ReplicatedStorage:WaitForChild("Circle"))
local circle = Circle.new(guiLabel)

circle:fill(1) -- the fill is from 0-1, this makes the whole label visible

circle:fill(0.5) -- only makes half visible

circle:fill(0.5,tweenInfo) -- tweens it towards the destination

circle:setRotation("Clockwise") -- to make it rotate, Clockwise OR CounterClockwise
circle:setHeight("Bottom") -- where it starts from Top OR bottom

circle.percentage -- current fill %

Does not support anything beside ImageLabel/TextLabel currently

Known Issues

Tween does not backtrack

circle:fill(1,tweeninfo)
circle:fill(0,tweeninfo) 
-- this does not tween all the way back ( might add later on )

There is a small line in the middle due to gradient issues

just thought id share since i made it today since i couldn’t find anything myself

13 Likes

Great resource, will use it in every project!!! :smiley:

you should put some epik videos so we can see this resource in action :money_mouth_face:

1 Like