Created a Widget for any property that requires a visual progress bar on the HUD. So, for example, by default I have health and stamina displayed on my monitor.

Add a new Attribute Progress bar

To add a new attribute progress bar for some specified attribute, you must add it to your HUD by searching for WBP_AttributeProgressBar in the panel.

Untitled

Drag the property bar onto the canvas panel and give it a name (choose a name that describes the property this progress bar belongs to).

Untitled

Once done, you can click on the property bar and specify something. For example, appearance, whether there is a lerp column (an auxiliary column that displays attribute consumption), and you can even specify which attribute this attribute column is for. You must specify the property you want the property bar to belong to in order for the progress bar to update.

Untitled

You can see all of these options in the details panel after selecting the property progress bar you just added.

For the example here, I chose the attribute tag as the AttributeSystem.Base.Health property. Therefore, when the value associated with AttributeSystem.Base.Health changes, this attribute progress bar will automatically update. The lerp bar is also automatically updated if the "UpdateLerpAttributeBar" boolean is set to true.

This will apply to any stat in the system and update automatically, so it works for health, mana, stamina, or whatever stat you want to update. But if you add custom properties, make sure you set the new properties correctly.

The important thing is: you need to manually call InitializeStatBar in Event Construct to initialize this WBP_AttributeProgressBar to make it work.

Untitled

Update property bar width

If you want the property bar width to update to the property's maximum value, you can do so. This way players will feel like they are getting stronger as they level up. For the attribute bar to update its width with the attribute's maximum value, the "MaxAttributeUpdateWidth" boolean must be set to true. However, it should be noted that the MaxWidthOverride property will limit the maximum width of the property bar, because an infinite length will exceed the screen.

If you do not need the attribute bar width to be updated to the maximum value of the attribute, set the "MaxAttributeUpdateWidth" Boolean value to false, and then control the size of CustomWidthOverride to fix the attribute bar width.

If you want to change the size of the stat bar variation (you want 100 stamina to look smaller than 100 health), you can do this by specifying: "AttributeBarSizeMultiplier".