Circular Health Bar

Hello! I am currently working on a circular GUI that works similarly to a progress or health bar. The problem is I can’t figure out how to get it to work the way I need it to work.
When the player has 100% health, the circle should be filled, but when they have 25%, 50%, 1%, 0%, etc. it should be filled respectively. (example below)

100%20vs%2025%20percent

So far I’ve tried using some ClipDescendants tricks, and I’ve tried uploading one pixel row and cloning that and rotating it, but I’m not too well-versed in CFraming/positioning with GUIs. I’m not sure what else I can do do. If anyone has any ideas, I’d love to hear them! Thank you!

10 Likes

The easiest way (less scritping and less complicated) to achieve it is to cut the health bar into two pieces.
Then put those two in two separated frame, turn on ClipDescendants, resize the frame when the health is changed.
This picture demostrate how this work.

13 Likes

Circular Progress Bars.rbxl (21.7 KB)

Here’s an Example.


I didn’t make it, I can’t remember where I got it

8 Likes

Thank you so much! This should work just fine. :ok_hand:

1 Like