How to make progress bar follow custom path?

ZankokuZero · October 12, 2026, 3:38pm

Hi Unreal People!

I’m chipping away at learning unreal as a UI Designer / Artist.

However, how can I get a progress bar to follow a custom path like in Kingdom hearts? I know I need to make a texture/shader and/or material but have no idea how to hook it up so that it’s functional within the WBP via value/percentage.

I’ve made a greyscale texture that goes from white to black which I think is the right direction, but now I’m not sure what to do. any help appreciated.

Example of the progress bar NOT working as intended

Example of the grey scale texture going from value 1 to 0

illspiritx · October 12, 2026, 6:39pm

Try this:

May need to remove the 1- node if you want to fill bar the other way.

In the widget, you’ll need to create a dynamic material instance, and set the HealhPercent param on it from current health/max heath or something, the same way one would do a regular progress bar.