1 <div class="eg-progress-inline">
3 <div *ngIf="hasValue() && hasMax()">
4 <!-- determinate progress bar. shows max/value progress -->
6 <div class="col-lg-10">
7 <progress max="{{max}}" value="{{value}}"></progress>
9 <div class="col-lg-2">{{percent()}}%</div>
13 <div *ngIf="hasValue() && !hasMax()">
15 <!-- semi-determinate progress bar. shows value -->
16 <div class="col-lg-10"><progress max="1"></progress></div>
17 <div class="col-lg-2">{{value}}...</div>
21 <div *ngIf="!hasValue()">
23 <!-- indeterminate -->
24 <div class="col-lg-12"><progress max="1"></progress></div>