There is a widget created for any attribute that requires a visual progress bar on the HUD. So, for example by default I have Health & Stamina displayed on the hud. These were created by using the base WB_AttributeBar.

Adding new attribute progress bar

To add a new attribute progress bar for some specified attribute, you must add theWB_AttributeBar to your hud by searching for it in the Palette.

Drag the attribute bar onto the canvas panel & give it a name (choose a name that describes the attribute that this progress bar is for).

After you’ve done that, you can click on the attribute bar & specify some things. Such as appearance, whether or not it has a lerp bar (secondary bar to show attribute cost amount), & you can even specify which attribute this attribute bar is for. Which you MUST specify the attribute that you want this attribute bar to belong to in order for the progress bar to update.

After selecting on the attribute progress bar you just added, you can see all of these options in the details panel.

For the example I have here, I selected the attribute tag as the Attribute.Health attribute. So, this attribute progress bar will automatically update when the value associated with Attribute.Health changes. The lerp bar will also automatically update if “UpdateLerpAttributeBar?” Boolen is set to true.

This will work & automatically update for any attribute in the system, so that goes for health, mana, stamina, or whatever attribute you want to be updated. But if you added a custom attribute, make sure you have setup the new attribute properly.

Updating Attribute bar width

If you want the attribute bar width to update with the max value for the attribute, you can do that. That way the player will feel themselves becoming stronger as they level up. For the attribute bar to update the width with the max value of the attribute, the: “UpdateWidth?” Boolean must be set to true.

If you want to change how large or small the stat bar changes (so if you want 100 stamina to look smaller than 100 health) you can do this by specifying: “AttributeBarSizeMultiplier”.