# Custom progress bar

**URL:** <https://forums.unrealengine.com/t/custom-progress-bar/1236794>\
**Category:** Blueprint\
**Tags:** progress-bar, unreal-engine, UI, Widget, Blueprint, question\
**Created:** [July 22, 2023, 2:04pm UTC](https://forums.unrealengine.com/t/custom-progress-bar/1236794 "2023-07-22T14:04:04Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![DeiankataTV](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@DeiankataTV](https://forums.unrealengine.com/u/DeiankataTV)\
**Post date:** [July 22, 2023, 2:04pm UTC](https://forums.unrealengine.com/t/custom-progress-bar/1236794/1 "2023-07-22T14:04:04Z")

</div>

So I made this custom progress bar sprite in Photoshop:

 ![ProgressBar](https://d3kjluh73b9h9o.cloudfront.net/original/4X/b/b/c/bbc2180580fd851403e2924f9d4726b16c9c043f.png)  
and the background and the separate bars are two different layers. But I don’t know how to make UE5 drain the bar my way. Do I have to make a custom sprite for every variation? I thought of making a material that masks it the way I want but I’m not sure how to accomplish this dynamic progress bar material. If anyone has any ideas or recommendations I appreciate your help. Thanks in advance.