通过jQuery更改进度条的宽度

我有一些使用引导框架的进度条。我有一个Ajax调用，请求更新条，但我不确定如何更改所有参数

在使用bootstrap之前，我使用了一个可以使用宽度轻松调整的图像。。但有了这个，我不确定。这是我的进度条

<div class='progress'>
  <div class='progress-bar progress-bar' role='progressbar' aria-valuenow='60' aria-valuemin='0' aria-valuemax='100' style='width: 60%;'>
    <span class='sr-only'>60% Complete</span>
  </div>
</div>

这可能很简单，但由于每天大约有130人使用所有不同的浏览器，我想确保我做到了这一点

---

谢谢

进度条类将控制条带颜色区域的宽度，因此，要使用您使用的代码段将其作为目标，只需执行以下操作：

$（“.progress bar”）.css（'width'，$（'enperc'，xml.text（））

使用此方法将遇到的问题是，
.progress bar
div使用基于百分比的宽度来计算其大小，因此需要将
$（“enperc”，xml）.text（）的输出转换为百分比

$（“.progress bar”）.css（'width'，$（'enperc'，xml）.text（）+“%”

当然，这取决于您生成的数字的值在1-100之间。否则，您将不得不导出自己的百分比值

如果您想使用多个进度条，只需为
.progress
包装提供一个唯一的ID，并以这种方式将它们作为目标：

<div id="progressMain" class='progress'>
  <div class='progress-bar' role='progressbar'>
    <span class='sr-only'>60% Complete</span>
  </div>
</div>


完成60%

然后：

$（“#progressMain.progressbar”）.css（'width'，$（'enperc'，xml.text（））

只需记住删除
.progress bar
div上的默认内联宽度样式以及重复的类名。
酷，看起来就像我想要的那样。我将在本周晚些时候尝试这个方法，如果有效的话，将其标记为答案@绝对是亚历山大7567！如果你有任何问题，我会一直留意通知：）@stat30bliss，稍加调整后它就起作用了。。我只需要添加+“%”，我想这就是您所说的“因此需要将$（“enperc”，xml）.text（）的输出转换为百分比”。它已经是一个百分比值，只是后面没有%符号。但在那之后，它工作得很好。甚至有一个很酷的动画。谢谢@是的，这正是我的意思，我会用这个片段更新我的答案。很高兴这有帮助！
<div id="progressMain" class='progress'>
  <div class='progress-bar' role='progressbar'>
    <span class='sr-only'>60% Complete</span>
  </div>
</div>