How To Make Advanced Health Bar

[Zinou_TM (l0_0l)]

thank you, this helped and it will save me a lot of time and also it will make the script a lot cleaner

[MichaelProductions01 (BlueGuy)]

Sorry for bumping. How about making a Health Bar like this?

There’s like the character outline while being filled up with colors as the current health.

[IdontPlayz343 (FPS_Enjoyer)]

The Ultimate Guide to Custom Loading/Health Bars

Hello everyone! In this brief tutorial I will explain how to get a loading bar/health bar effect like these: [image] [image] [image] And [image] HOW TO CREATE ROUNDED LOADING BAR Firstly, create a Frame called “FrameBase”. Put a UICorner in it to make it rounded. Change the BackgroundColor3 to whatever color you want. [image] [image] Next, insert a Frame called “Clipping”. [image] Set these properties on this clipping frame: [image] [image] [image] Now, insert another Frame …

[PhoenixRessusection (PhoenixCausesOof)]

Just now I was checking for some health bar UIs in the Toolbox, and found out that the one I picked, had a script executor (I didn’t check it visually but it appeared to be similar to UTG). This serves as a warning for anyone who wishes to do the same.

It’s better off making it on your own.

[Zinou_TM (l0_0l)]

yea i think u can make it using the UI Transparency

[Zinou_TM (l0_0l)]

yes true ppl use free models without checking them and this cause in-game problems

[DudewhoDude]

How do I make this scale left to right instead of right to left

[NineZv (NineZ)]

@Courageous_Canister

local function UpdateHealthbar() --Health Bar Size Change Function
	local health = math.clamp(Humanoid.Health / Humanoid.MaxHealth, 0, 1) --Maths
	local info = TweenInfo.new(Humanoid.Health / Humanoid.MaxHealth,Enum.EasingStyle.Linear,Enum.EasingDirection.InOut,0,false,0) --Tween Info
	TW:Create(script.Parent,info,{Size = UDim2.fromScale(health, 1)}):Play() -- Create The Tween Then Play It
end

Also to people who are wondering why this isn’t working, the “background” of the Healthbar you are using must be parented to the “background” your Healthbar is using

[Zinou_TM (l0_0l)]

i think u need to change the anchor point to (1,1)

[12Strings]

Great tutorial, simple and easy to follow.

Here’s how it looks

[Zinou_TM (l0_0l)]

thank you for the support <3 mate

[Colin_EatsPaper (CO2)]

a question. how did you get the health bar numbers?

[12Strings]

Create a text label inside the HealthBar frame.

Set the text label properties.

After that, go to the local script and paste this line inside the UpdateHealthbar() function.

HealthLabel.Text	=	math.floor(Humanoid.Health).. '/' ..Humanoid.MaxHealth

[MikeartsRBLX (Verdancyx)]

Works, though I had to make some modifications since some variables in the scripts were unused (and you made the tweenservice time as humanoid/health/humanoid.maxhealth for some reason. Overall a decent health bar but I wouldn’t call it advanced.

[Zinou_TM (l0_0l)]

ye I agree with you I made this quite a long time ago I will probably release another one with better scripts