In this section, you will learn how to create a floating health bar above the character's head. Let's go back to Content Browser and create a new Widget Blueprint (for this example, I'll name it MyFloatingHealthbar) and open it.
In the Designer tab, you can see an option called Fill Screen at the top-right corner of the visual designer. Click on that and change it to Custom:
The Custom mode will let you assign the width and height of this widget. Let's set the width and height to 256 and 32. Now, we will drag and drop a new Progress Bar into the visual designer and use the following settings:
Set the Anchors to the very ...