Barra Angular de progresso com percentagem

De momento, a indicação da percentagem ou da etiqueta no círculo não é suportada se estiver a usar md-spinner e/ou md-progress-circle.

Vê aqui:

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

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

A partir de Agora você tem que mostrá-lo fora do widget como mostrado toma.

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>

Concentrar-se em value atributo, você precisa manipulá-lo de acordo com sua necessidade. por omissão valuemax é 100. Aqui, no meu exemplo eu estou mostrando seconds que pode ir até ao máximo 60 value. Então eu jogo manualmente com o atributo value e convertendo-o para ser compatível com 100 maxvalue;