How would i make a circular timer?

Help and Feedback Scripting Support
#1

I would like to make this, but im not sure how i’d do it, anyone know how?

image

#2

did you check devforum before making this topic?

#3

I did, and i stumbled across this topic aswell.
I couldn’t figure out how that one worked, and i followed its instructions.

#4

there are some youtubers who do that as well. But hey we all know roblox yt tutorials arent that good. So umm let me figure it out myself first lol than ill send u the file

#5

Thanks, i greatly appreciate that you’d do this.

#6

Make two circular bars, a gray one and a small green one.
Then you can just adjust the size of the green one according to the timer.
Example:

function refresh(time)
	if time <= 0 then
		Self:WaitForChild("Bar").Size = UDim2.new(0, 0, 1, 0)
	else
		Self:WaitForChild("Bar").Size = UDim2.new((time / 60), 0, 1, 0)
	end
end
#7

yea nvm that script was really messy but i have made one (using tutorials duh (cuz back than i was dumb)) But i guess u can check hhmj’s script first!

#8

How do you make circular bars?

#9

that was rude of me sorry
bar.rbxm (9.7 KB)

#10

Ui corner inside a gui element to make it round. But I think the two circular bars mentioned effect might not be what you want. You want a bar to fill on a clockwise direction, and the reply you got seems to be about making a circle size get bigger.

#11

Yes, that is what i meant. Do you happen to know a solution fori t?

#12

You can use a UI gradient to generate a circular fill motion.