ember js中的进度条

Question

我正在寻找余烬应用程序的进度条插件。要求是用户经历设置过程，最后当用户单击提交时，然后我必须通过加载栏向他展示完整的进度，以指示完成了多少工作。

我使用了ember-progress-bar，但是问题是每当我更新百分比值时动画总是从0开始。有什么可以使用并且容易获得的东西吗？我可以自己设计，但仍然想先确认是否可以使用。

Answer 1

ember-progress-bar插件提供了您所需要的功能。我写了一个显示基本功能的余烬游戏：https://ember-twiddle.com/f30100f8a9f8e62f130a76d145232020?openFiles=controllers.application.js%2C

  

我使用了ember-progress-bar，但问题是动画从0开始   每当我更新百分比值时，就一直如此。

正如玩笑所表明的那样，此问题一定是由于您的实施所致。由于您没有共享任何详细信息，因此很难猜测出什么地方出了问题。也许您的值不是0到1之间的浮点数？

您还可以使用<progress>元素。如caniuse.com所示，这些天得到了广泛的支持。 Twiddle还提供了一个示例。

Answer 2

这是您可以做到的一种方法：

• 有一项服务可跟踪您的当前步骤/总步数。

• 让组件注入该服务，以便它可以基于当前步骤/总步骤呈现进度

• 无论何时执行移动进度条的动作，注入该服务并调整当前的计步器

有帮助吗？