将jQuery脚本变量与Bootstrap进度栏一起使用

Question

我正在尝试使用Bootstrap进度条来显示以jQuery脚本（由开发人员为我编写）计算的分数。它是WordPress插件的一部分，因此php文件显示了该页面。我在js文件中计算出一个变量（分数），我需要将其插入进度条的width值：

<div class="progress-bar bg-success" role="progressbar" style="width: <score>%"></div>

我不确定该怎么做，但我将非常感谢您的协助。

谢谢。

Answer 1

您将需要在JS文件中执行此操作-找到一种方法来引用特定的进度条（不能说看不到更多的HTML，尽管它有一个最简单的ID不能说），以及然后使用jQuery的.width设置宽度。

尽管，如果score的值在两次页面加载之间不会改变，则最好使用PHP插入。 （类似于...style="width: <?php echo $score ?>%"...）

Answer 2

您可以尝试这样的操作，因为您不能使用HTML插入它。而且，如果您有更多进度条，则可以添加一个ID。

var score = "Place here your score"
    $(".progress-bar").css({
       "width": score
    })