bootstrap初试进度条
2013-06-30 11:01
1076 查看
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>>
<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>
相关文章推荐
- 深入理解BootStrap Item14 -- 进度条(progressbar)
- bootstrap实现动态进度条效果
- Bootstrap 进度条
- [学习笔记] bootstrap (九) :布局组件[缩略图,警告,进度条,多媒体列表,列表组,面板,wells]
- SpringMVC实现的文件上传进度条Bootstrap展示
- css3实现进度条-----------------(测试的时候需引入bootstrap)
- Bootstrap 各种进度条详解
- bootstrap-进度条--基本样式
- 进度条 bootstrap
- Bootstrap进度条
- bootstrap-进度条
- bootstrap中模拟模态框和进度条动态删除数据
- Bootstrap3 框架下 使用 Bootstrap-table 结合 Bootstrap- file input 上传文件 并显示进度条
- Bootstrap进度条
- bootstrap-进度条--彩色进度条
- bootstrap得动态进度条
- bootstrap-进度条
- Bootstrap每天必学之进度条
- Spring Boot+AngularJS+BootStrap实现进度条
- Bootstrap进度条