进度条(progress)

<div class="panel panel-default">
<div class="panel-heading">工资状态</div>
<div class="panel-body">

<p>月收入15000以上:40%</p>
<div class="progress">
<div class="progress-bar progress-bar-success progress-bar-striped" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style=" 40%"></div>
</div>

<p>月收入30000以上:20%</p>
<div class="progress">
<div class="progress-bar progress-bar-info progress-bar-striped" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style=" 20%"></div>
</div>

<p>月收入10000以上:60%</p>
<div class="progress">
<div class="progress-bar progress-bar-warning progress-bar-striped" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style=" 60%"></div>
</div>

<p>月收入8000以上:80%</p>
<div class="progress">
<div class="progress-bar progress-bar-danger progress-bar-striped" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style=" 80%"></div>
</div>
</div>
</div>

原文地址:https://www.cnblogs.com/iriliguo/p/6445692.html