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

Question

在我的角度2项目中，我使用角度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>