一個簡單的jquery進度條範例_jquery
- WBOY原創
- 2016-05-16 16:50:551257瀏覽
用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]代碼
(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]程式碼
-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]程式碼
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn