Winkel Fortschrittsbalken mit Prozent

Question

Ich habe eckigen Fortschritt Kreis in meinem Code durch Bezugnahme auf eckigen Material Code gemacht.

Ich möchte Prozentsatz hinzufügen, während es Dank Laden ist

Answer 1

Derzeit zeigt Prozentsatz oder Label im Kreis wird nicht unterstützt, wenn Sie mit md-spinner und/oder md-progress-circle.

Check hier:

1) https://github.com/angular/material2/issues/3307

2) https://github.com/angular/material2/pull/1994#issuecomment-285943520

Ab jetzt müssen Sie es außerhalb des Widgets angezeigt werden, wie hier gezeigt,

https://plnkr.co/edit/lrbuECgLSZjLOMFPvm0s?p=preview

<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> 

Konzentrieren Sie sich auf value Attribut, müssen Sie es nach Ihren Bedürfnissen zu manipulieren. standardmäßig valuemax ist 100. Hier, in meinem Beispiel, zeige ich seconds an, die maximal bis zu 60 value gehen kann. Also ich manuell spielen mit value Attribut und konvertiert es mit 100 maxvalue kompatibel zu sein;