您的位置首页百科快答

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

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

的有关信息介绍如下:

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

$('#psp').css({'background':'green'});但是进度条和背景一个颜色,都是浅蓝的,能够显示当前的进步,但是不能区分进度条和背景的颜色,

我想区分进度条和北京的颜色

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

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 写道你看一下我给的效果图,是不是这个样子的,关键是------------------问题补充:housen1987 写道现在才看明白了,你用的jquery UI .ui-progressbar{background : green;padding:1px;}.ui-progressbar-value{background : LightBlue;}$(function() {按这个代码试试,jquery UI改变样式一般用CSS修改:官方文档:引用Sample markup with jQuery UI CSS Framework classesNote: 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 -----------------style完全不起作用。阅读原文

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 写道你看一下我给的效果图,是不是这个样子的,关键是------------------问题补充:housen1987 写道现在才看明白了,你用的jquery UI .ui-progressbar{background : green;padding:1px;}.ui-progressbar-value{background : LightBlue;}$(function() {按这个代码试试,jquery UI改变样式一般用CSS修改:官方文档:引用Sample markup with jQuery UI CSS Framework classesNote: 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 -----------------style完全不起作用。阅读原文

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

问题补充:housen1987 写道现在才看明白了,你用的jquery UI .ui-progressbar{background : green;padding:1px;}.ui-progressbar-value{background : LightBlue;}$(function() {按这个代码试试,jquery UI改变样式一般用CSS修改:官方文档:引用Sample markup with jQuery UI CSS Framework classesNote: 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 -----------------style完全不起作用。阅读原文

.ui-progressbar{background : green;padding:1px;}.ui-progressbar-value{background : LightBlue;}$(function() {按这个代码试试,jquery UI改变样式一般用CSS修改:官方文档:引用Sample markup with jQuery UI CSS Framework classesNote: 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 -----------------style完全不起作用。阅读原文

.ui-progressbar{

background : green;

padding:1px;}

.ui-progressbar-value{

background : LightBlue;}$(function() {按这个代码试试,jquery UI改变样式一般用CSS修改:官方文档:引用Sample markup with jQuery UI CSS Framework classesNote: 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 -----------------style完全不起作用。阅读原文

$(function() {

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

官方文档:

引用Sample markup with jQuery UI CSS Framework classesNote: 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 -----------------style完全不起作用。阅读原文

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 -----------------style完全不起作用。阅读原文

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 -----------------style完全不起作用。

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

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

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

style完全不起作用。