jquery简单的进度条实现代码

其实我本来的计划是做网页设计师的，可是没有人认为我设计的好，哥到现在还没有工作，发泄一下，不多说了。效果图

需要用到的图片：背景图片

进度显示图片

网页结构：复制代码代码如下： div id='中心' div id='消息'/div div id='加载' div/div/div/div CSS代码：代码复制代码代码如下： #中心{边距336050 px auto宽度宽度：400px} #正在加载{宽度：397像素高度：49 px背景：url(bak.png)不重复；} #正在加载div {宽度：0px高度：48 px背景：url(pro.png)不重复；color: # fff文本对齐：居中；font-family : Tahomafont-size :18 px行高：48 px} #消息{ width :200 px h8 :35 pxfont-family : Tahoma；font-size :12 px背景-颜色： # d8e7f 0；border:1px实心# 187CBEdisplay:none线高：35 px文本对齐：居中；边距-底部：10 px左边距左：50pxJava脚本语言代码：代码复制代码代码如下：脚本类型=' text/JAVAScript ' src=' http : jquery-1。3 .2 .js /脚本脚本类型=' text/JavaScript ' var progress _ id=' loading '；函数设定进度(进度){ if(进度){ $(' # ' progress _ id ' div ').css('width '，String(progress)' % ')；//控制#加载差异宽度$("#"progress _ id"div ").html(字符串(进度)"%");//显示百分比} } var I=0；函数DOP progress(){ if(I 100){ $(' # message ').html(")加载完毕！').fadeIn('慢');//加载完毕提示返回；} if(I=100){ setTimeout(' doProgress()'，100)；设定程序；我；} } $(文档)。ready(function(){ DoProgress()；});/script