如何將進度圈限制爲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>