パーセンテージの角度進行バー

Question

角度コードを参照してコード内で円の進行を円形にしました。

私はそれはあなたがmd-spinnerおよび/またはmd-progress-circleを使用している場合は、円のパーセントまたはラベルがサポートされていない示し、現在のおかげ

Answer 1

をロードしている間の割合を追加します。ここ

チェック：

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

2）あなたはここに示すように、ウィジェットの外にそれを表示する必要があり、今のようhttps://github.com/angular/material2/pull/1994#issuecomment-285943520

、

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> 

value属性に集中すると、必要に応じて操作する必要があります。デフォルトでvaluemaxは100です。ここでは、私の例では、私は60 valueまでの最高を行くことができますsecondsを表示しています。だから私は手動でvalue属性で再生し、互換性があるように変換します100 maxvalue;