jQuery UI Widgets › Forums › Editors › ProgressBar › multiple change of color background
This topic contains 7 replies, has 4 voices, and was last updated by nour 5 months, 2 weeks ago.
February 8, 2021 at 1:14 pm multiple change of color background #114440
I’m using a progressbar, I want to change the background color after each change of the value (for example after a click on a button.
it seems that the template can’t be changed after initialisation.
I tried to change the css and folowed your advice seen here : https://www.jqwidgets.com/community/topic/change-the-color-of-progress-bar/
but it doesn’t work on my tries.
Here is my JSFiddle : http://jsfiddle.net/mogador/6t3Loh0r/
thanx for your help
fabricebFebruary 9, 2021 at 1:55 pm multiple change of color background #114451
For your situation I suggest to use the ‘colorRanges’ property.
Also take a look at this example using the propery I told you about :
https://www.jqwidgets.comFebruary 9, 2021 at 5:38 pm multiple change of color background #114458
many thanx but I didn’t want separate colors.
But I found with your suggestion a way to “hack” the template functionnality :
I will use just ONE color in colorchange, an apply the color of the prefered template depending on the value :
here is my new fiddle : http://jsfiddle.net/mogador/4jdnf2om/
hope it can help…
fabricebDecember 16, 2022 at 9:08 am multiple change of color background #131069
I am using a progressbar, and I am changing the value dynamically, so that when the value changes, it restarts from the beginning. How can I make it continuous?
Thanx for your help!
NourDecember 16, 2022 at 1:26 pm multiple change of color background #131161
Here is the demo with dynamically changing the value:http://jsfiddle.net/jqwidgets/ZKTCV/
Can you please give us a demo of your problem
https://www.jqwidgets.com/December 19, 2022 at 1:22 pm multiple change of color background #132096
The problem I have is that when the progress bar changes from 30% to 50%, for example, the progress bar restarts from the beginning, rather than going directly from 30% to 50%.
Thanks in advance!
NourDecember 20, 2022 at 6:25 am multiple change of color background #132102
Sorry, but jqxProgressBar does not include such functionality.
You may use our new Smart.ProgressBar: https://codepen.io/svetoslavb04/pen/VwBwqqr
More information about SmartUI is here: https://www.htmlelements.com/
https://www.jqwidgets.com/December 20, 2022 at 6:47 am multiple change of color background #132103
Thank you so much.
You must be logged in to reply to this topic.