Question

如何设置jQuery中progressBar的进度条颜色和其背景颜色

Answer 1

我想区分进度条和北京的颜色 谁能帮助一下，谢谢。问题补充：还是不行，进度条和背景仍旧一个颜色。 问题补充：可能我的问题还不是太明白 ，我把代码贴出来

<div id="psp" class="easyui-progressbar" style="width:630px;" </div

function text(result){
$('#psp div').css({'background':'LightBlue'});
$('#psp').css({'background':'green'});
var value = $('#psp').progressbar('getValue');
if (value < 100){
value += Math.floor(Math.random() * 10);
$('#psp').progressbar('setValue', value);
if(value<100){
setTimeout("text('"+result+"')",200);
}
}

目前就是想把进度条和背景的颜色分开，但是这两个颜色一直是一样的，不知道我的代码是否由问题，请大家指正。 问题补充：housen1987 写道你看一下我给的效果图，是不是这个样子的，关键是<div id='psp' style='padding:2px;' 这句话

------------------

问题补充：housen1987 写道现在才看明白了，你用的jquery UI

<style .ui-progressbar{ background : green; padding:1px;} .ui-progressbar-value{ background : LightBlue;}</style<script type="text/javascript" $(function() { </body

按这个代码试试，jquery UI改变样式一般用CSS修改：

官方文档：
引用Sample markup with jQuery UI CSS Framework classes
<div class="ui-progressbar ui-widget ui-widget-content ui-corner-all"
<div style="width: 37%;" class="ui-progressbar-value ui-widget-header ui-corner-left"</div
</div
Note: This is a sample of markup generated by the progressbar plugin, not markup you should use to create a progressbar. The only markup needed for that is <div</div.

-----------------
style完全不起作用。