Filling Up UI HUD

Hey Guys,

I have this HUD in my UI set on a canvas, I would like to fill these bars to show energy health etc, but Ive tried so many things from rotating images to resizing them but I cant figure it out.

How could I do it?

Cheers in advance


Add to your Circular bar the mask component, and add a child image with the same image.
set the image type of this child from “simple” to “filled”, set it to radial 360°

edit: I just made a small [|60137] it may help you to understand it better.
(note: in this case mask would not be needed, but its a very usefull component)