本文演示了jQuery实现的简单百分比进度条:

1。JS代码:



无功progressid =progressbarid ;
功能setprogressbar(进步){
如果(进度){
$(# + progressid +> DIV CSS。(宽度),字符串(进步)+%);
$(# + progressid +> div(HTML)的字符串(进步)+%);
}
}
无功i_progressbar = 0;
功能doprogressbarloading(){
If (i_ProgressBar > 100) {
警报()加载!!!!!!!!!!!!!;
返回;
}
如果(i_progressbar <= 100){
setTimeout(doprogressbarloading()
setprogressbar(i_progressbar);
i_progressbar + +;
}
}
功能setprogressbarcss(){
$(# + progressid + (CSS){宽度:300px
$(# + progressid +> div(CSS){高度:25px
}
$(文档)Ready(函数(){)
SetProgressBarCss();
doprogressbarloading();
});





二、HTML代码:










更多关于jQuery相关内容的感兴趣的读者可以查看主题:jQuery常用插件

希望本文能对jQuery程序设计有所帮助。