UMG round progress bar

I’ve followed all the guides and tutorials I could find on UMG, but I’m trying to make a round progress bar and that’s pretty much something nobody seems to talk about. All I could find for that topic is the mentioning of it in the styles guide over here:
https://docs.unrealengine.com/latest/INT/Engine/UMG/UserGuide/Styling/index.html

But that does not help me enough. I’ve set up the material like in the picture, but I can’t get it to change dynamically and in a radial shape. I’m not sure if I’ve missed something when setting up the material.

Can someone please elaborate on this issue and go into more detail? Do I have to set up a slate brush for this? I couldn’t get a slate brush to load as an image in the umg - I’m kinda lost…

Thanks for your answer. This helped me set up the material correctly. But I can’t figure out how to use it with UMG. Here’s my current setup, but no matter what I do, it always shows the whole image instead of the dynamic material!

My UMG Attempt at Slate Brushes.

Not a problem. There are two ways you can look at this - you can edit your base gradient image to fit your shape, or you can mask it off. In either case, a rotation of the image around a central origin will mean the alpha will be where it needs to be.

How you work your rotation is up to you. Remember that you can declare items as variables and expose on spawn. You can then break them and set specific elements.

Or you can rotate your widget, using an expression of your percentage (as you would with a progress bar) to rotate it. Remember though, that you might want to express this in Radians.

Simple spazzmath should fix this.

I will be doing a radial bar at the weekend. I’ll hit you up with my method then.