How to change a background color of jQueryUI Progressbar?
Im trying to use:
$('#progressbar div').css({backgroundColor: '#9CFF29'});
but no success :(
Anybody can help me? Thanks!
views:
23answers:
3
A:
Make sure you are selecting the div. Are you able to change other properties of #progressbar such as width?
joe
2010-09-01 16:27:05
+1
A:
The selector should be on the main <div> so just use #progressbar and to override the styling, use just background (since it also has an image defined as well), like this:
$('#progressbar').css({background: '#9CFF29'});
Nick Craver
2010-09-01 16:27:29
on this page: http://jqueryui.com/demos/progressbar/ changing neither `#progressbar` nor `#progressbar div` works, because the progress bar loads a background image in addition to the bgcolor, after removing the `background-image`, `#progressbar div` selector is the one that works.
aularon
2010-09-01 16:35:27
@aularon - I'm not changing `backgroundColor` in the answer :) That's why I noted it should be `background`, so it overrides the `background-image` *and* `background-color` properties :)
Nick Craver
2010-09-01 16:42:36
Oh, sorry I was busy checking that page and commented quickly. btw how did you get your nickname on jsfiddle? :)
aularon
2010-09-01 17:01:14
@aularon - If you're logged in that's how the links are generated, beta will be open for users very soon :)
Nick Craver
2010-09-01 17:03:34
A:
jQuery UI Progressbar plugin uses the jQuery UI CSS Framework to style its look and feel, including colors and background textures. We recommend using the ThemeRoller tool to create and download custom themes that are easy to build and maintain.
rjovic
2010-09-01 16:27:31