第一步：定义一个显示进度条的div
50% 完成
第二步：在JavaScript中编写逻辑
$(document).ready(function(){ var n=0; function progress(){ $("#p1").css("width",n+"%"); if(n<100){ n+=5; }else{ return; } $("#p1").html(n+"%"); setTimeout(progress,3000); } progress(); });
推荐阅读
- Bootstrap 5都有什么新功能
- bootstrap 组件之 进度条 滚动监控 旋转加载 消息推送框 组件学习总结
- 前端|bootstrap基础知识（五）－－进度条
- buttons.css——可以与bootstrap融合的按钮样式库
- bootstrap图片样式
- bootstrap|Bootstrap打造特色进度条
- （转） bootstrap 加载进度条
- Bootstrap|Bootstrap 条纹进度条
- bootstrap-3-基本标签使用类
- Bootstrap|Bootstrap 基本进度条