今天在使用Bootstrap框架中的progress时候遇到了这个问题。我想用progress来显示一个占用比例,而progress中style的参数是一个百分比。
布局中的代码:
<div class="progress">
<div class="bar" style="width: 5%;"></div>
</div>
现在我拿到了两个参数,想用着两个参数来改变progress进度条的长度
var num = 7;
var numtotal = 10;
即现在要使progress显示为70%
利用jQuery修改progress,bar 的style即可:
$(document).ready(function(){
var percent =num /numtotal;
$(".bar").css({
"width":percent*100+'%',
});
});
达到了需求。