进度条插件使用demo

<div class="pro-bar-container">
    <div class="pro-bar" data-pro-bar-percent="80"></div>
</div>

<script src="../js/jquery-1.11.1.min.js"></script>
<script src="http://cdn.bootcss.com/jqueryui/1.11.0/jquery-ui.min.js"></script>
<script src="../js/appear.min.js"></script>
<script src="../js/pro-bars.min.js"></script>

.pro-bar-container{
    background: #d5d5d5;  //设置进度条背景颜色
    width: 160px;         //设置整个进度条宽度
    border-radius: 20px;  //设置进度条边角弧度
}

.pro-bar{
    background: #38ADFF;  //设置进度条颜色
    height: 10px;         //设置进度条高度
    border-radius: 20px;
}