Dear b&r team. I tried to configure the progress bar like the control in VC4 (i guess it was bargraph) I want to change the color in dependency of the connected value. For Example: from 0 to 10%: red from 10 to 50%: orange from 50 to 100% green. → like in VC4 Can i do it by using events? if …

Hello, Its possible using a linear gradient. Might only be supported in AS6 or 6.1. If you upgrade you’ll get that and a few more nice features. :slight_smile: Im AS4 you can use the paper widget and build a nice fully loaded progress bar and cover it with another element. Then you can transform …

Hello, I could not find a property on the progress bar widget to accomplish that natively. Using the property style as a binding could be an option. Using an event binding would be possible, e.g reacting on the values changed and then using the SetStyle action for the progress bar. In any case t…

Hello Carl, as is have checked, using the linear gradient is not the goal for me. Like in VC4 it was possible to change the complete color depending of the value. I want to use it to show a fill progress. When the level meets close to empty, it should be complete red. For half filled complete ora…

Edit: Go for @marcel.voigt solution :smiley: , if you wanna over engineer it, read below @Raimund_Achberger Aha, If thats the case you should create 3 styles for the progress bar. Progressbar_Green Progressbar_Yellow Progressbar_Red Then bind the style of the progress bar to a variable, e.g. pr…

Hello all, Marcel: thank you for your sample. Thats exact what i need. Raimund

Change Color of Progress bar depending on value

Ask Questions HMI & Visualization

marcel.voigt (Marcel Voigt) April 9, 2025, 6:39pm 7

Don’t even need anything fancy for this just to extend on Carl’s solution

2025-04-09_13-34-33

Just one simple EventBinding

Topic		Replies	Views
Mappview widget HMI & Visualization mapp-view	20	1743	January 15, 2026
Mapp view Button text color HMI & Visualization mapp-view	6	364	August 7, 2025
How do I set progress bar to display current number instead of percentage? HMI & Visualization mapp-view	3	169	November 6, 2024
Status indicators How-To & Wikis mapp-view	7	1503	June 27, 2024
Dynamic fill-color of an image-widget HMI & Visualization mapp-view	4	310	June 10, 2025

Change Color of Progress bar depending on value

Related topics