用jQuery實現的最簡單的進度條,只有不到10行程式碼。樣式可以直接忽略。 (有圖片要自己找)
[CSS]程式碼
$(function(){
var i=0;
(function progressBar(){
i=i 1;
if(i>=101){ }
$("#proc").animate({width:i "%"},500);
$("#progressWord").text(i "%") ;
setTimeout(progressBar,1500);
})();
});
[CSS]代碼
複製代碼
代碼如下: position:relative; border:1px solid #3c4d60;
-webkit-box-shadow: #666 0px 0px 3px;
-moz-box-shadow: #666 3px;
-moz-box-shadow: #666 0px; box-shadow: #666 0px 0px 3px;
width:200px;
height:40px;
}
.progress_inner{
}
.progress_inner{
}
%;
height: 40px;
}
.progress_word{
position:absolute;
left:50%;}
[HTML]程式碼