Javascript 带百分比的角度进度条

我已经在我的代码中通过引用角材料代码完成了角进度循环

---

我想在加载时添加百分比，谢谢当前，如果您使用的是

md微调器

和/或

md progress circle

，则不支持在圆圈中显示百分比或标签

请点击此处：

(一)

(二)

现在，您必须在小部件外部显示它，如图所示

{{秒}}秒
{{秒}}秒

---

专注于

值

属性，您需要根据需要对其进行操作。默认情况下，

valuemax

为

100

。在这里，在我的示例中，我显示的是

秒数

，其最大值可达

60值

。因此，我手动使用

value

属性，并将其转换为与

100 maxvalue

兼容

对于Angular2+来说，沿着这些思路的东西会起作用：

想法很简单：

• 绝对位置进度条上的百分比
• 沿途调整left特性

---

什么时候？让我们看看你做了什么。这是代码。现在我需要增加进度的百分比

<div class="col-xs-4">
      <h1>{{seconds}} seconds</h1>

      <md-progress-circle class="col-xs-4" mode="determinate" value="+{{(seconds*100)/60}}" [attr.aria-valuemax]="max">
          {{seconds}} seconds
      </md-progress-circle>
</div>