ember js中的进度条

时间:2018-08-16 14:57:10

标签: javascript ember.js

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

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

2 个答案:

答案 0 :(得分:2)

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

  

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

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

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

答案 1 :(得分:0)

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

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

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

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

有帮助吗?