How can I make a circular health bar?

Help and Feedback Scripting Support
, ,
#1

So, how can I start making a circular health bar? I tried looking into here but I can’t understand it. Here is my health bar GUI: image

I do know how to change the text of it, but I need some help with tweening the gui.

If there is already a post regarding it, then please let me know!

  • AridFights1
#2

you have to check on a property called rotation which rotates the gui then you could do stuff with that and rotate the gui following the player health

your gui is kinda cool

#3

Well actually I know about the rotation. But I’m trying to TweenSize not TweenPosition

#4

Have you tried to look at this topic?

You can set the percentage number by
(Humanoid.Health / Humanoid.MaxHealth) * 100

3 Likes
#5

Make the UI using a uicorner or just get an image and update the value with the HealthChanged event.

#6

It’s made with a UICorner and UIGradient

#7

Thanks a lot! I’ll try that and reply back soon!

#8

Thank you so much! I really appreciated your and others help! :slight_smile: :smile:

1 Like
#9

Yes, but you specifically asked for a circular health bar, not to replicate the UI seen on screen

Edit: I didn’t fully read the post, so basically I skipped some of the stuff, but you can use a gradient to make the missing health a darker color while using healthchanged to change the text on your textlabel

1 Like
#10

That’s not a problem. I can do that part!

1 Like
#11

How would I change the percentage number?