Question

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

Answer 1

$('#psp').css({'background':'green'});但是进度条和背景一个颜色，都是浅蓝的，能够显示当前的进步，但是不能区分进度条和背景的颜色， 我想区分进度条和北京的颜色 谁能帮助一下，谢谢。问题补充：还是不行，进度条和背景仍旧一个颜色。 问题补充：可能我的问题还不是太明白 ，我把代码贴出来 <br /> <br /><div id="psp" class="easyui-progressbar" style="width:630px;" </div <br /> <br />function text(result){ <br /> $('#psp div').css({'background':'LightBlue'}); <br /> $('#psp').css({'background':'green'}); <br /> var value = $('#psp').progressbar('getValue'); <br /> if (value < 100){ <br /> value += Math.floor(Math.random() * 10); <br /> $('#psp').progressbar('setValue', value); <br /> if(value<100){ <br /> setTimeout("text('"+result+"')",200); <br /> } <br /> } <br /> <br /> <br />目前就是想把进度条和背景的颜色分开，但是这两个颜色一直是一样的，不知道我的代码是否由问题，请大家指正。 问题补充：<div class="quote_title">housen1987 写道</div><div class="quote_div">你看一下我给的效果图，是不是这个样子的，关键是<div id='psp' style='padding:2px;' 这句话 <br /></div> <br />------------------ <br /> <br /> 问题补充：<div class="quote_title">housen1987 写道</div><div class="quote_div">现在才看明白了，你用的jquery UI <br /> <br /><pre name="code" class="java"> <style .ui-progressbar{ background : green; padding:1px;} .ui-progressbar-value{ background : LightBlue;}</style<script type="text/javascript" $(function() { </body</pre> <br /> <br />按这个代码试试，jquery UI改变样式一般用CSS修改： <br /> <br />官方文档： <br /><div class="quote_title">引用</div><div class="quote_div">Sample markup with jQuery UI CSS Framework classes <br /><div class="ui-progressbar ui-widget ui-widget-content ui-corner-all" <br /> <div style="width: 37%;" class="ui-progressbar-value ui-widget-header ui-corner-left"</div <br /></div <br />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.</div> <br /></div> <br />----------------- <br />style完全不起作用。