如何将进度循环限制为60而不是100％

Question

在我的角度2项目中我使用角度2材质设计来显示进度我使用了这样的进度圆，实际上我正在使用它作为超时并且我想限制为60秒，就像60到达时整个进展应该是充分的

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

Answer 1

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

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

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