Progress Bars

One of the ways that video games can represent character stats such as health, stamina, and so on is through Progress Bars, which are what we'll use to communicate to the player how much health their character has. Progress Bars are essentially a shape, usually rectangular, that can be filled and emptied in order to show the player how a specific stat is progressing. If you want to show the player that their character's health is only half its maximum value, you could do this by showing the Progress Bar as half full. This is exactly what we'll be doing in this section. This Progress Bar will be the only element in our Dodgeball game's HUD.

In order to create this Health Bar, we'll first need to create our HUD Widget. Open the editor, go to the ThirdPersonCPP -> Blueprints directory inside the Content Browser, and right-click and create a new Widget Blueprint class of the User Interface category. Name this new Widget Blueprint BP_HUDWidget...