jquery實作的一個簡單進度條效果實例_jquery

jquery實現一個進度條的效果，或許在這裡沒有什麼實際的作用，但是已經實現了進度條的部分原理，前端是怎麼實現那種進度效果的。

效果示範：

進度條實作原始碼：

複製程式碼

複製程式碼

複製程式碼



複製程式碼



複製程式碼



複製程式碼



複製碼如下:

  bar = setInterval(function(){   nowWidth = parseInt($("#bar").width());   //寬度要大於>   if(nowWidth    barWidth    barWidth = (nowWidth 1) "px";    $("#bar").css("width",barWidth); >    //進度條讀滿後，停止    clearInterval(bar);   }   },speed); }  },speed); }