I can’t make a HP bar in the form of a circle

I want to make a HP strip in the form of a circle which, when HP is taken away, will go down, and even though from the code side everything is more or less clear to me, but how can I make the HP circle go down just like in the picture

I tried to do this using ScaleTypes of image, which I don’t know much about, and of course it didn’t work(
I tried to find a way to achieve this but unfortunately I couldn’t find anything. I hope for your help
If it is possible to do this I would be very grateful

1 Like

Have you tried using frame:ClipDescendants? Create 2 Frames, one inside another, enable the parented frame’s ClipDescendants, the frame inside the other can be the circle, set the circle’s anchorpoints to 0.5, 1 and set the position to {0.5, 0}, {1, 0}. By changing the parented cframe’s height you can clip the top part of the circle, hopefully this can help!

2 Likes

Thanks it works! However, I have a question about how to optimize this for other devices, because it only works if the image size is in offset as I understand it

1 Like

If you’re talking about aspect ratios you could use scale by default (using a plugin that converts offset to scale) although you would have to adjust, for example, the speed of the health bar relative to the height of the person’s screen size using the ScreenGui’s AbsoluteSize.

2 Likes


use uiGradient and change offset

3 Likes

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.