Javascript bootstrap中的进度条跳跃且不准确？（包括小提琴示范）

所以我今天才发现了bootstrap，并开始将它们的UI元素合并到我的web应用程序中。不幸的是，他们的进度条有点问题。我不知道是不是只有我，但他们看到的是神经质、不准确和口吃。这里有一把小提琴供参考：

如果您单击

Run

，然后单击

Start

，至少在我测试的所有浏览器上，第一个浏览器比第二个浏览器快几秒钟，尽管它们都需要10秒钟。另外，最上面的一种在开始时变焦，然后在结束时变慢。整个过程的速度都不一样。第三个甚至不起作用。它只是在10秒后立即下降

---

理想情况下，我希望使用最上面的版本，因为它更平滑，但在我的应用程序中，我需要这一点是准确的，因为它是作为一个用户计时器的功能，所以我担心我将不得不使用最下面的版本。希望我只是把代码弄乱了，或者我遗漏了什么。也许我应该从引导模式切换到其他模式？

与引导模式问题无关，这是因为您的持续时间低于您的间隔：

转换：宽度。6s轻松

另一个重要的事情是缓和，如果你有一个非线性缓和的时间函数将影响结果。
最后，您需要首先调用
$（“#second”）.css（“width”，value+“%”）前到第一个间隔

小提琴：
与引导问题无关，这是因为你的持续时间比你的间隔时间短：
过渡：宽度。6s轻松

另一个重要的事情是缓和，如果你有一个非线性缓和的时间函数将影响结果。
最后，您需要首先调用
$（“#second”）.css（“width”，value+“%”）前到第一个间隔

Fiddle:
这不是引导的问题，而是
转换持续时间
的功能是如何工作的（转换开始时速度快，转换结束时速度慢）。例如，它与普通的
元素（）的工作方式完全相同。@SpencerWieczorek：为什么它不好？有什么方法可以修复它或使
动画化
工作吗？还不错，这只是可以更改的默认行为。@kamus的答案是通过做
转换来实现的：宽度1s线性。这不是引导的问题，而是
转换持续时间
的功能如何工作（转换开始时速度快，转换结束时速度慢）。例如，它与普通的
元素（）的工作方式完全相同。@SpencerWieczorek：为什么它不好？有什么方法可以修复它或使
动画化
工作吗？还不错，这只是可以更改的默认行为。@kamus的答案是通过做
转换来实现的：宽度1s线性。您是如何发现此css属性的？它现在工作得很好，我只是想知道这些东西在文档中的什么地方。在引导网站中没有记录，我只是检查了进度条的类，并看到了转换属性（最初是.6s，我覆盖为1s）。你可以在这里@JohnSmith查看更多关于计时函数的信息。这只是普通的CSS，一般来说，您可以在找到文档。具体来说，
liner
部分是一个。您是如何发现这个css属性的？它现在工作得很好，我只是想知道这些东西在文档中的什么地方。在引导网站中没有记录，我只是检查了进度条的类，并看到了转换属性（最初是.6s，我覆盖为1s）。你可以在这里@JohnSmith查看更多关于计时函数的信息。这只是普通的CSS，一般来说，您可以在找到文档。具体而言，
衬板
零件是一个。