multiple change of color background

[fabricebParticipant]

Hi,

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

fabriceb

[Yavor DashevParticipant]

Hi fabriceb,

For your situation I suggest to use the ‘colorRanges’ property.
Also take a look at this example using the propery I told you about :
http://jsfiddle.net/jqwidgets/pp1jrtak/

Best Regards,
Yavor Dashev
jQWidgets team
https://www.jqwidgets.com

[fabricebParticipant]

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…

fabriceb

[nourParticipant]

Hi,

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!

Nour

[svetoslav_borislavovParticipant]

Hi,

Here is the demo with dynamically changing the value:http://jsfiddle.net/jqwidgets/ZKTCV/
Can you please give us a demo of your problem

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[nourParticipant]

Hello,

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!

Best regards,
Nour

[svetoslav_borislavovParticipant]

Hi,

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/

Best regards,
Svetoslav Borislavov

jQWidgets Team
https://www.jqwidgets.com/

[nourParticipant]

Thank you so much.

Best regards,
Nour

[Author]

Posts