进度条：
外部div调用 progress progress-striped active。后两个分别是条纹 动态
里面div调用progress-bar progress-bar-success style="width:40%"
然后文字就直接加
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap 实例 - 进度条</title>
<link href="http://libs.baidu.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="http://libs.baidu.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
</head>
<body>
<div class="progress progress-striped active">
<div class="progress-bar progress-bar-success" style="width: 40%;">
</div>
</div>
</body>
</html>
分享到：
相关推荐
这是一款基于bootstrap的进度条美化特效。该进度条在原生bootstrap进度条的基础上，使用少量的CSS3代码来进行美化，生成更加好看的进度条效果。
这是一款基于Bootstrap的进度条美化特效。该特效在原生Bootstrap进度条的基础上，对进度条的各个组件进行了美化，效果非常炫酷。
bootStrap进度条.
这是一款简单的bootstrap进度条动画特效。该进度条动画特效在原生bootstrap进度条的基础上做了一些美化，代码简洁，非常实用。
主要介绍了Bootstrap进度条与AJAX后端数据传递结合使用,需要的朋友可以参考下
这是一款炫酷的Bootstrap进度条动画样式。该进度条在原生bootstrap进度条的基础上，通过简单的CSS代码来进行美化，制作出炫酷的进度条动画样式效果。
纯CSS3 Bootstrap进度条动画样式特效.zip
这又是一款非常漂亮的网页进度条插件，它是基于jQuery脚本和Bootstrap样式的，形式和之前分享的CSS3彩色进度条加载动画 带进度百分比类似，但是外观有所不同。同样的这款进度条也有数字百分比显示在上方，因此可以很...
Bootstrap百分比进度条动画特效
基于jquery 完美结合bootsrap样式，动态生成百分比横向图表
Bootstrap 进度条 本章将讲解 Bootstrap 进度条。在本教程中，您将看到如何使用 Bootstrap 创建加载、重定向或动作状态的进度条。 Bootstrap 进度条使用 CSS3 过渡和动画来获得该效果。Internet Explorer 9 及之前的...
jQuery模拟页面加载进度条
bootstrap好看的进度条，css样式，html样式，进度条样式脚本下载
Bootstrap多彩百分比进度条代码，响应式设计，百分百进度条数字显示。
本文实例为大家分享了Bootstrap进度条的具体代码，供大家参考，具体内容如下 基本结构 aria-valuemin=0 aria-valuemax=100 xss=removed> <span class=sr-only>40% 完成 默认的进度条： 创建一个基本的...
Bootstrap制作超酷进度条UI动画是一款在原生Bootstrap进度条组件的基础上，通过简单CSS3代码制作出炫酷的进度条动画特效。
本文通过源码给大家解析bootstrap进度条样式，分为条纹进度条，动态条纹进度条，层叠进度条和带Label的进度条，下面通过代码给大家简单介绍下，感兴趣的朋友一起看看吧