html代码:
<!--外层容器-->
<div id="wrapper" style="padding-left: 20%;padding-right:20%">
<div class="progress progress-striped active" >
<div id="prog" class="progress-bar" role="progressbar" aria-valuenow="" aria-valuemin="0" aria-valuemax="100" style="width:0%;min-width: 3em;">
<span id="proglabel">正在发送...</span>
</div>
</div>
</div>
js
$().ready(function() {
// 模拟进度条:百分数增加,0-30时为红色,30-60为黄色,60-90为蓝色,>90为绿色
var value = 0;
setInterval(function(e){
if (value != 100) {
value = parseInt(value) + 1;
$("#prog").css("width", value + "%").text(value + "%"