javascript - 如何将进度圈限制为 60 而不是 100%

Question

在我的 Angular 2 项目中，我使用 Angular 2 材料设计来显示进度我使用了这样的进度圈，实际上我将它用作超时并且我想限制为 60 秒，就像当 60 到达时整个进度应该满

<md-progress-circle mode="determinate" [value]="clock | async"
></md-progress-circle>

Answer 1

鉴于“值”属性仅接受百分比值，解决方案是将时钟（我理解它可以取 0 到 60 的值）转换为百分比。

您可以像这样实现这种转换：

<md-progress-circle mode="determinate" [value]="(clock * 100 / 60) | async"></md-progress-circle>