How to animate a basic heath bar?

I do not know how to animate a basic health bar and I would like to import my own images. What type of images should these be? Should it be a PNG picture or something else? I mean I could buy assets but for some reason the store is in euros and I have pounds, so that’s not going to work. It’s strange too because I’m in the UK and yet the entire store is in euros. Maybe that’s just how it’s supposed to be.

Anyway, I’m sure other people have asked this question, but I would just like to know where to get started, like what software should I use to make my health bar image. Also, how much images will be needed? Like will I need an empty health bar and a full health bar? Will I need the health bar frame and the inside of the health bar to be separate images so I can layer them? How is this supposed to work? I’m not worried about the code for now. I can just ask that separately elsewhere. I’m just concerned with getting everything set up. Also, when importing assets, I’m assuming I can just create a new folder in assets (within my project) and put all of my images in there, but I could be wrong.

I looked up various videos and tutorials but of course they never mentioned how to import custom images for newbies such as myself and they magically had detailed and appropriate pictures for every scenario. :stuck_out_tongue:

This video does a decent job of explaining everything:

The one difference is you want to use an Image component, and set Image Type to Filled, Fill Method to Horizontal, and adjust the Fill Amount value instead.

I don’t think this video does a good job of explaining by beginner standards. For example, how do I access such a simple scene? I can only access 3D scenes. Also, no matter what I do, the scripts don’t work and he goes too fast for me to follow.