UI Curved health bar

[Lukaa_Playz (Lukaa)]

Hello developers,
I am looking to make a health bar, which i know how do to however i always do a simple block. i havn’t experminted much with curved health bars and that is what id like to do.

(two images, red should be health, green is just a representative backound)

this is a screen ui image, id like it to, well scale down across the curve. i think it has something to do with recttransform but i am unsure on how to do it

[Imperacus (・7・7・7・7・7・7・7・7・)]

Place a UIGradient into the red ImageLabel, correspond the Transparency to the players health and make the rotation 90.

[c1rcuitbent]

couldnt you use ImageRectSize so the image stays the same but just gets cut off

[NoxhazeI (Johnathan)]

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 …

G O O G L E

[MikeartsRBLX (Verdancyx)]

use clipdescendants and a simple frame (which is the actual bar) that goes over the curve bar