Custom Topbar Health Bar

Resources Community Resources
1

A replacement for the default topbar health bar.

If you’re using TopbarPlus with icon buttons aligned to the right side of the screen, it will get overlapped by the default health bar. This model fixes that.

Dependencies used:

Download:
topbar_health_bar.rbxm (106.1 KB)

Gallery:
image
The health bar when you’re at full health.

image
The health bar with proper number formatting to display in a user-friendly way.

image
The health bar when your Humanoid.Health/Humanoid.MaxHealth is equal to math.huge.

6 Likes
2

Can we see some examples and images of some styles and such you can do with it?

2 Likes
3

Honestly, I have no idea how you’re going to edit the UI style. Since I built this thing using TopbarPlus and use a special Metamethod to get the icon’s GuiObject descendants.

image
image698×472 26 KB

1 Like
4

OH! I see, it’s a TopbarPlus style, okay, that’s still super cool though, I might use this for my game!

2 Likes