Bootstrap进度条问题

Question

我只是学习进度条和PHP数据库。截至目前，我的进度条不会增加它的价值。如果我手动将其设置为“2”，它将起作用。如果我把它设置在2以上，它就不会工作。这是用Bootstrap完成的。

这是我第一次在这样的网站上，对不起，如果我想说的话没有意义。

<?php
    $items =  $database->query("SELECT User_Items FROM Items WHERE Username = User_Here");
    if($items->num_rows)
    {
        while($row = $items->fetch_assoc())
        {
            $itemcount = $row['User_Items']; 
        }
    }
?>

<div class="row">
    <div class="col-lg-2 col-md-4 col-sm-6">
        <p>Total Items</p>
        <div class="progress">
            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="<?php echo $totalitems; ?>" aria-valuemin="0" aria-valuemax="5" style="width: 0%"></div>
        </div>

       <div class="progress">
            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="2" aria-valuemin="0" aria-valuemax="5" style="width: 0%"></div>
        </div>

        <div class="progress">
            <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="5" aria-valuemin="0" aria-valuemax="5" style="width: 0%"></div>
        </div>
    </div>
</div>
<script type="application/javascript">
$('.progress-bar').each(function() {
  var min = $(this).attr('aria-valuemin');
  var max = $(this).attr('aria-valuemax');
  var now = $(this).attr('aria-valuenow');
  var siz = (now-min)*100/(max-min);
  $(this).css('width', siz+'%');
});
</script>
<?php
    mysqli_free_result($result);
    $database->close();
?>

此图像的进度条设置为“2”

此图像的进度条设置为“5”，即最大值。

Answer 1

在你的siz变量中使用parseInt（），如下所示：

替换：

$(this).css('width', siz+'%');

使用：

$(this).css('width', parseInt(siz)+'%');

它将“siz”变量值视为字符串，因此您需要从字符串更改为 interger 。

Answer 2

认为问题是我从未有过

<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>

包括在内。
在我把它放到我的脚本之后它开始工作了（以为我已经有了它。）感谢那些帮助过的人！