700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > jQuery实现简单的百分比进度条

jQuery实现简单的百分比进度条

时间:2021-06-28 18:37:23

相关推荐

jQuery实现简单的百分比进度条

一、JS Code:

<scripttype="text/javascript">

varprogressId="ProgressBarID";

functionsetProgressBar(progress){

if(progress){

$("#"+progressId+">div").css("width",String(progress)+"%");

$("#"+progressId+">div").html(String(progress)+"%");

}

}

vari_ProgressBar=0;

functiondoProgressBarLoading(){

if(i_ProgressBar>100){

alert("加载完毕?!!");

return;

}

if(i_ProgressBar<=100){

setTimeout("doProgressBarLoading()",10);

setProgressBar(i_ProgressBar);

i_ProgressBar++;

}

}

functionsetProgressBarCss(){

$("#"+progressId+"").css({"width":"300px","height":"25px"});

$("#"+progressId+">div").css({"height":"25px","background-color":"#e0e0e0","text-align":"center"});

}

$(document).ready(function(){

setProgressBarCss();

doProgressBarLoading();

});

</script>

二、Html Code:

<divid="ProgressBarID">

<div>

</div>

</div>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。