Bootstrap实现自定义进度条

第一步：定义一个显示进度条的div

<div class="progress progress-striped active">
<div id="p1" class="progress-bar" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100" style="width: 50%"></div>
<span class="sr-only">50% 完成</span>
</div>

第二步：在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();});