Javascript 引导进程的动画比例不正确

我有一组Bootstrap 2.3进度条，显示异步文件读取，并通过使用jQuery更新CSS属性来设置动画。我遇到的问题是，比例是错误的，例如，当进度接近100%时，仅显示约三分之一的条形图：

由于数学是正确的（例如，在图像中，我们实际上94%的人参与了这个过程），我想知道比例是如何变化的。HTML（我尝试过使用和不使用

aria

值）：

---

这里怎么了？；-）

您有一个小错误：

在宽度样式值后面添加%符号，如下所示：

$(".bar").css('width', progPercent+'%').attr('aria-valuenow', progPercent);

---

这里有一个

任何演示或JSFIDLE供我们查看吗？如果您在css中设置了一个没有单位的宽度。默认情况下，该值将以像素为单位进行解释。这意味着，你的

宽度：94

与

宽度相同：94px。请确保按照@Alp建议明确添加单位：
$bar.css（'width'，progPercent+'%'）
。我会在默认情况下添加该单位（如果未提供单位），该值以像素（px）显示。所以在你的例子中，94意味着94像素。@Pierre Chanel我想你是想在这个问题上加上你有价值的评论，而不是在我的回答上。如果我是对的，请这样做，因为我在你的评论中看到了一个价值。它可能对阅读上述问题的人有用，如果它留在这里，很容易被忽略。谢谢你的洞察力。
// ... grab the bar element as a jQuery object
var progPercent = ((currentChunk + 1) / chunks) * 100;
$bar.css('width', progPercent).attr('aria-valuenow', progPercent);
console.log($bar.width()); // shows correct percentage
$bar.text($bar.width() + '%'); // text is correct

$(".bar").css('width', progPercent+'%').attr('aria-valuenow', progPercent);