valor-software/ng2-bootstrap

<div class="mb-2">
  <progressbar [max]="max" [value]="dynamic">
    <span class="text-nowrap">{{dynamic}} / {{max}}</span>
  </progressbar>
  <small><em>No animation</em></small>
</div>
<div class="mb-2">
  <progressbar [animate]="false" [value]="dynamic" type="success"><b>{{dynamic}}%</b></progressbar>
  <small><em>Object (changes type based on value)</em></small>
</div>
<div class="mb-3">
  <progressbar class="progress-striped active" [value]="dynamic" [type]="type">{{type}}</progressbar>
</div>
<button type="button" class="btn btn-sm btn-primary" (click)="random()">Randomize</button>