bootstrap初试进度条

最新推荐文章于 2024-09-04 20:18:34 发布

weixin_33845881

最新推荐文章于 2024-09-04 20:18:34 发布

阅读量70

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/myshop/blog/141358

版权

为什么80%的码农都做不了架构师？>>>

<div class="progress">
  <div class="bar" style="width: 0%;"></div>
</div>

<!-- Bootstrap -->
    <link href="../bootstrap/css/bootstrap.css" rel="stylesheet" media="screen">
	<script src="http://code.jquery.com/jquery.js"></script>
    <script src="../bootstrap/js/bootstrap.js"></script>
      <script>
	  var p = 0;
	  $(function(){
		run();
	  });
	  function run(){
			p+=5;
			$("div[class=bar]").css("width",p+"%");
			if(p<100){
				var timer=setTimeout("run()",500);
			}else{
				alert("加载完毕！");
			}
	   }
	  </script>

转载于:https://my.oschina.net/myshop/blog/141358