demo/src/app/components/+progressbar/demos/dynamic/dynamic.html
<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>