Help with UI Bars

Hey guys, I’m trying to make some bars like health, stamina, etc. But what do I do with this bar? Because it isn’t straight. I want to make it smooth.
image

You can separate the background and actual fillbar as 2 images, and use a UIGradient on the fill bar to make it smooth.

1 Like

But what do I do with this
image

Keep the fillbar the same size as the background, and use UIGradient.Transparency on it

2 Likes

The most common solution to this sort of problem would be to use clipdescendants.
https://developer.roblox.com/en-us/api-reference/property/GuiObject/ClipsDescendants

In short, you enable clipdesendants on a UiObject and then have the bar image be a child to the UiObject (probably just a frame). As you resize the UiObject, more of the bar is shown. Tbh not the best description, but ive done a ton of UI work so if you need more help lmk.

1 Like