使用Jquery更新进度条大小

时间:2014-11-04 00:02:25

标签: jquery html css twitter-bootstrap

我正在尝试获取一个jquery脚本来评估表格单元格并将其除以120并将其除以100以获得百分比。然后,此百分比将更新进度条的长度。

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>

1 个答案:

答案 0 :(得分:1)

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

试试这个:

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

编辑: .text()可用于获取/设置文本到元素。

请参阅API参考:https://api.jquery.com/text/