# Progress Bar Material

**URL:** <https://forums.unrealengine.com/t/progress-bar-material/466616>\
**Category:** UI\
**Tags:** progress-bar, unreal-engine, Blueprint, question, UMG\
**Created:** [June 12, 2020, 6:35am UTC](https://forums.unrealengine.com/t/progress-bar-material/466616 "2020-06-12T06:35:49Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![CodyScrib](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@CodyScrib](https://forums.unrealengine.com/u/CodyScrib)\
**Post date:** [June 12, 2020, 6:35am UTC](https://forums.unrealengine.com/t/progress-bar-material/466616/1 "2020-06-12T06:35:49Z")

</div>

Hello, Ive been racking my brain and scouring the internet looking for a way to add a highlight or what i want to call a spark to the end of a progress bar. Right now it looks like it just gets cut off with scissors, but id like to add highlight and even maybe a bit of an opacity fade to the very end of the bar as it goes down or back up.

Does anyone know how to do that? Im not seeing any area for it in the progress bar its self so im guessing its in the material?

Thanks in advance for anyone who responds!

---

<div class="post-metadata">

**Author:** ![Tuerer](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/tuerer/32/1008648_2.png) [@Tuerer](https://forums.unrealengine.com/u/Tuerer)\
**Post date:** [June 12, 2020, 8:24am UTC](https://forums.unrealengine.com/t/progress-bar-material/466616/2 "2020-06-12T08:24:55Z")

</div>

I once made a custom progress bar using a Generated Band in the material. You fill the progress bar by increasing the width of the Generated Band, and it already has the gradient at the end by default.

---

<div class="post-metadata">

**Author:** ![ClockworkOcean](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/clockworkocean/32/1169999_2.png) [@ClockworkOcean](https://forums.unrealengine.com/u/ClockworkOcean)\
**Post date:** [June 12, 2020, 12:21pm UTC](https://forums.unrealengine.com/t/progress-bar-material/466616/3 "2020-06-12T12:21:50Z")

</div>

Yeah like this:

![304239-bar.jpg](https://d3kjluh73b9h9o.cloudfront.net/original/4X/9/1/0/910dc1c1444558e8a8958dfab19818285f2cd1ef.jpeg)

That pic comes from:

> **[SDF Robo Progress Bars in Materials - UE Marketplace](https://www.unrealengine.com/marketplace/en-US/product/sdf-robo-progress-bars)**
>
> Powerful master material usable for creating a wide range of customized progress bars.

and it’s not actually a progress bar. It’s an image in UMG and all the bar animation is done in the material instance.

---

<div class="post-metadata">

**Author:** ![CodyScrib](https://d3kjluh73b9h9o.cloudfront.net/original/4X/2/8/5/28502927f1d97ba1051b3b47ccfe17233bf41ef0.png) [@CodyScrib](https://forums.unrealengine.com/u/CodyScrib)\
**Post date:** [June 13, 2020, 12:08am UTC](https://forums.unrealengine.com/t/progress-bar-material/466616/4 "2020-06-13T00:08:04Z")

</div>

I kept the progress bar but layered a dynamic material instance on top of it that moved at the same rate. took me awhile to figure out how to reference the material but i got it. Thanks!!

---

<div class="post-metadata">

**Author:** ![TLOA](https://d1ap1mz92jnks1.cloudfront.net/user_avatar/forums.unrealengine.com/tloa/32/634422_2.png) [@TLOA](https://forums.unrealengine.com/u/TLOA)\
**Post date:** [April 3, 2024, 6:29pm UTC](https://forums.unrealengine.com/t/progress-bar-material/466616/5 "2024-04-03T18:29:53Z")

</div>

40 bucks! not bad to make things look a little more fancy! haha