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

标签 javascript css angular angular-material angular2-material

在我的 Angular 2 元素中,我使用 Angular 2 Material 设计来显示进度我使用了这样的进度圈,实际上我将它用作超时并且我想限制为 60 秒,比如当 60 到达时整个进度应该是满的

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

最佳答案

鉴于 的“值”属性只接受百分比值,解决方案是将 clock(我理解可以取 0 到 60 之间的值)转换为百分比。

您可以像这样实现此转换:

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

关于javascript - 如何将进度圈限制在 60 而不是 100% 以内,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40779519/

相关文章:

javascript - 更改类后 JQuery 事件处理程序未触发

html - 将 Thead 部分移动为第一列

javascript - html2pdf js不提示下载

HATEOAS 对 Angular2 的支持

javascript - 我希望动态加载我的选项卡(仅在单击时)

javascript - 如何从 JavaScript 对象填充 HTML 表格?

javascript - 移动 .aspx 文件时的 onclick 属性

php - 在 While 中使用循环计数器

javascript - 将嵌套的 for 循环转换为 RxJS 转换的 Observable

javascript - this.students.splice(index,1) 在 UI 中没有改变 [Angular]