Would like to have a custom Bar Fill Type for my progress bars

[Topbleyzer]

Hi,
I’m designing a user interface that’s navigated using a controller, where the buttons are activated as the user directs the Left Thumbstick towards them

My buttons look like these two :

Of course they can be in any direction and any size.

I would like to fill them using their shape as the Bar Fill Type, like that :

Do you know how I can do that ?

[L1z4rD89]

Hey @Topbleyzer

you could try something like:

[Topbleyzer]

Hey L1z4rD89, thank for your help.

I tried your option and to be honest it’s really promising. Now that I understood how it works, I’ll iterate on it.

I just don’t know how to use it well in my widget blueprint, and how to change dynamically the value of the parameters in my material, do you know how ?

[L1z4rD89]

Hey @Topbleyzer

you can

• Create a dynamic material and use SetScalarValue to set the Fill
• Create a MaterialParameterCollection and use a value from here for the Fill

You can also have a look at UI MATERIAL LAB on the market place. You can create that part of a circle with a combination of a pie chart and a angle / square gradient

UI Material Lab in UE Online Learning - UE Marketplace

Free Pie Graph/Chart material

I needed to implement a pie graph into a project, and couldn’t see one that had been done previously so I thought I’d build it and share it with you all. This is also a great example of how to use engine-generated angle gradients instead of photoshop-generated texture-based ones, which often have issues with banding. Download: You can download the .uasset file here: https://www.dropbox.com/s/fu6s7kn3qpweef3/UI_pie_graph_all_in_material.uasset?dl=0 Feel free to use it in any commercial/non-co…

[Topbleyzer]

Hey, I have tested a bit everything that you linked me and it works pretty well. I need to clean and polish it for my usage and it will be perfect.

Thank you for your help !