如何将进度圈限制在60满，而不是100％ [英] How to limit progress circle to full in 60 instead of 100%

问题描述

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

In my angular 2 project I'm using angular 2 material design to display progress i used progress circle like this, actually I'm using it as time out and and i want to limit to 60 second, like when 60 arrive the whole progress should be full

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

推荐答案

百分比值，解决方案是将时钟（我理解可以将值从0到60）转换为百分比。

Given that the "value" property of only accepts a percentage value, a solution would be to convert to convert clock (which I understood can take values from 0 to 60) into a percentage.

您可以这样做：

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

这篇关于如何将进度圈限制在60满，而不是100％的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！