# \[FEATURE-11132,12359\] Change progress bar color

**URL:** <https://forum.inductiveautomation.com/t/feature-11132-12359-change-progress-bar-color/25386>\
**Category:** Ignition Early Access\
**Created:** [May 29, 2019, 3:45am UTC](https://forum.inductiveautomation.com/t/feature-11132-12359-change-progress-bar-color/25386 "2019-05-29T03:45:52Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![chris.roys](https://avatars.discourse-cdn.com/v4/letter/c/e9c0ed/32.png) [@chris.roys](https://forum.inductiveautomation.com/u/chris.roys)\
**Post date:** [May 29, 2019, 3:45am UTC](https://forum.inductiveautomation.com/t/feature-11132-12359-change-progress-bar-color/25386/1 "2019-05-29T03:45:52Z")

</div>

Hello  
For my project theme I have to change progress bar component color. The default color is blue and there is no option to change it’s color in the props.  
I also try to use css style to change the color with no luck.  
What is the workaround for this? Is it totally fixed?

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [May 29, 2019, 2:06pm UTC](https://forum.inductiveautomation.com/t/feature-11132-12359-change-progress-bar-color/25386/2 "2019-05-29T14:06:00Z")

</div>

Unfortunately, as of right now there is no way to change the color of the Progress Bar. It IS something we’re working on, but it probably won’t be available until 8.0.4 (and even then I won’t make any promises). Providing that color customization is something we’ve wanted for a long while, but we’ve had to prioritize fixes for components which are actually broken as well as provide components which provide missing functionality before we can focus on components which could just work better.

---

<div class="post-metadata">

**Author:** ![chris.roys](https://avatars.discourse-cdn.com/v4/letter/c/e9c0ed/32.png) [@chris.roys](https://forum.inductiveautomation.com/u/chris.roys)\
**Post date:** [May 29, 2019, 2:20pm UTC](https://forum.inductiveautomation.com/t/feature-11132-12359-change-progress-bar-color/25386/3 "2019-05-29T14:20:29Z")

</div>

It’s nice to hear there is a plan for it. Even for other component I see the same problem like combo box which is always has white background.

---

<div class="post-metadata">

**Author:** ![Paullys50](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paullys50/32/3324_2.png) [@Paullys50](https://forum.inductiveautomation.com/u/Paullys50)\
**Post date:** [May 29, 2019, 8:39pm UTC](https://forum.inductiveautomation.com/t/feature-11132-12359-change-progress-bar-color/25386/4 "2019-05-29T20:39:47Z")

</div>

> [@cmallonee](#):
>
> Providing that color customization is something we’ve wanted for a long while, but we’ve had to prioritize fixes for components which are actually broken as well as provide components which provide missing functionality before we can focus on components which could just work better.

I happened to come across this as well today. This response peaked my curiosity, in v7.9 the progress bar color can get changed based on the foreground color, but in 8.0.1 changing the foreground color causes an incorrect color change(changes the shade, so RGB color reference is off?), this implies the component it's broken rather than being a new feature.

Perhaps this was a Perspective issue, but it appears the Vision component is broken.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [May 29, 2019, 8:42pm UTC](https://forum.inductiveautomation.com/t/feature-11132-12359-change-progress-bar-color/25386/5 "2019-05-29T20:42:42Z")

</div>

We should have made clear that we were indeed discussing the Perspective Component (or, rather, _I_ was…). We’ll look into the Vision Component Issue, but I think I saw something similar posted quite some time ago, so we probably already have an open ticket for that.

---

<div class="post-metadata">

**Author:** ![cmallonee](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/cmallonee/32/6416_2.png) [@cmallonee](https://forum.inductiveautomation.com/u/cmallonee)\
**Post date:** [May 29, 2019, 8:46pm UTC](https://forum.inductiveautomation.com/t/feature-11132-12359-change-progress-bar-color/25386/6 "2019-05-29T20:46:30Z")

</div>

@Paullys50: also, it seems like there is an initial issue with the Vision progress Bar, but as soon as you change the Background Color to any other value and then change it back, the issue is resolved. It doesn’t mean there isn’t an actual issue here, but there is at least a very simple workaround.

Relevant [post](http://forum.inductiveautomation.com/t/bug-12359-change-color-of-vision-progress-bar/21932) which - while worded differently - is actually caused by what you’re seeing.

---

<div class="post-metadata">

**Author:** ![Paullys50](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paullys50/32/3324_2.png) [@Paullys50](https://forum.inductiveautomation.com/u/Paullys50)\
**Post date:** [May 29, 2019, 8:58pm UTC](https://forum.inductiveautomation.com/t/feature-11132-12359-change-progress-bar-color/25386/7 "2019-05-29T20:58:38Z")

</div>

@cmallonee Thanks!

---

<div class="post-metadata">

**Author:** ![Mitchb741](https://avatars.discourse-cdn.com/v4/letter/m/b5a626/32.png) [@Mitchb741](https://forum.inductiveautomation.com/u/Mitchb741)\
**Post date:** [July 28, 2019, 4:25pm UTC](https://forum.inductiveautomation.com/t/feature-11132-12359-change-progress-bar-color/25386/8 "2019-07-28T16:25:14Z")

</div>

Good to know I am not crazy! I was confused thinking what am I missing trying to alter its color!
