java js页面显示百分号,javascript 实现 web页面显示百分比的进度条

body

{

padding: 20px;

font-size: 14px;

}

#progressbar

{

width: 278px;

}

#progressbar .border

{

border: 1px solid #777;

width: 276px;

height: 13px;

padding: 1px;

}

#progressbar .bar

{

background-color: #73c944;

width: 50%;

height: 13px;

overflow: hidden;

}

#progressbar .desc

{

text-align: center;

font-size: 12px;

line-height: 24px;

}

var loading = function(){

var ct = $("#progressbar");

var desc=$("#desc");

var bar = $("#bar");

var idx = 0;

var time = 500;

bar.setValue = function(n){

$("#bar").css({"width":n + "%"});

};

void function(){

bar.setValue(idx += (100 - idx) *.2);

timer = setTimeout(arguments.callee, time += 100);

}();

return {

remove: function(){

clearTimeout(timer);

$("#desc").html("加载完成");

bar.setValue(100);

}

};

}();

setTimeout(loading.remove, 10000);

正在加载