用Jquery更新进度条大小

我想获得一个jQuery脚本来评估一个表格单元格，并将其除以120，并将其乘以100得到一个百分比。此百分比将更新进度条的长度。用Jquery更新进度条大小

的Jquery：

<script> 
    $(document).ready(function() { 
     var base = $('#stat').val(); 
     var baseStat = (Math.floor(base)/120) * 100; 
     $('.progress-bar').css('width', baseStat + '%'); 
    }); 
</script>

HTML：

<td width='5%' id='stat'>20</td> 
<td> 
    <div class='progress'> 
     <div class="progress-bar" role="progressbar" aria-valuemin="0" aria-valuemax="120" style="width:0%"></div> 
    </div> 
</td>

来源

2014-11-04 Greg

你忘了包括一个问题 – Malk 2014-11-04 00:04:11

格雷格，好知道。你有什么问题？如果要在HTML中显示结果，则需要指定：jQuery'$（'要显示的元素的ID'）。html（）'或JavaScript'var el = document.getElementById（'＃ID元素显示为'）' – Growler 2014-11-04 00:04:36

当脚本运行时，进度条不显示任何内容。它能够读取“Math.floor”，如果我把一个静态数字放在“base”变量的地方，但它不想读取我的变量为“base” – Greg 2014-11-04 00:06:43

.val()用于从输入字段获取值。

试试这个：

var base = $('#stat').text();

编辑： .text()可以用来获取/设置文本的元素。

见API参考：https://api.jquery.com/text/

来源

2014-11-04 00:11:58 kRiZ

用Jquery更新进度条大小

回答

相关问题