Healthbar | Simple, yet slick

Hey there!


I have created a health bar for the community to play around with. It has:

  • Refreshing UI design
  • Nice tweening (animations)
  • Color changes relative to health
  • Fully customizable
  • Scaled equally on all devices

Here is a preview:


Or, if you want just an image:

image


And finally, here is the health bar model:

https://www.roblox.com/library/5725546455/Health-Bar


There is also a Config module script in the model.

return {
	ColorSettings = {
		Color1 = Color3.fromRGB(0, 207, 0),
		Color2 = Color3.fromRGB(218, 193, 0),
		color3 = Color3.fromRGB(209, 0, 3)
	},
	TweenSettings = {
		TweenTime = 0.1
	}
}

In the color settings, you can see Color1, Color2, and color3 (lowercase because Color3 is a Roblox method).


Color1

Changing Color1 will change the color of the health bar when the user has a lot of health.

Color2

Changing Color2 will change the color of the health bar when the user has a medium amount of health.

color3

Changing color3 will change the color of the health bar when the user has a low amount of health.


I hope you enjoy it! :confetti_ball:

25 Likes