进度条组件
<h4>1.进度条组件相关代码</h4>
<ul>
<li>css文件引入：
<pre><code class="language-java"><link href="/css/bootstrap.min.css?v=3.3.6" rel="stylesheet"></code></pre></li>
<li>js文件引入：
<pre><code class="language-java"><script src="/js/jquery.min.js?v=2.1.4"></script>
<script type="text/javascript" src="/js/bootstrap.min.js?v=3.3.6"></script></code></pre></li>
</ul>
<p>html代码：</p>
<pre><code class="language-java"><div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="60"
aria-valuemin="0" aria-valuemax="100" style="width: 40%;">
<span class="sr-only">40% 完成</span>
</div>
</div></code></pre>
<p>创建一个条纹的进度条的步骤如下：</p>
<ul>
<li>添加一个带有 class .progress 和 .progress-striped 的 <div></li>
<li>在上面的 \<div> 内，添加一个带有 class .progress-bar 和 class progress-bar-<em> 的空的 \<div>。其中，</em> 可以是 success、info、warning、danger</li>
<li>添加一个带有百分比表示的宽度的 style 属性，例如 style="60%"; 表示进度条在 60% 的位置</li>
</ul>
<blockquote>
<p>class 增加.progress-striped样式，则进度条为条纹相间的进度条</p>
</blockquote>