Open-ILS/src/eg2/src/app/share/dialog/progress-inline.component.html

   1 <div class="eg-progress-inline">
   2
   3   <div *ngIf="hasValue() && hasMax()">
   4     <!-- determinate progress bar.  shows max/value progress -->
   5     <div class="row">
   6       <div class="col-lg-10">
   7         <progress max="{{max}}" value="{{value}}"></progress>
   8       </div>
   9       <div class="col-lg-2">{{percent()}}%</div>
  10     </div>
  11   </div>
  12
  13   <div *ngIf="hasValue() && !hasMax()">
  14     <div class="row">
  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>
  18     </div>
  19   </div>
  20
  21   <div *ngIf="!hasValue()">
  22     <div class="row">
  23       <!-- indeterminate -->
  24       <div class="col-lg-12"><progress max="1"></progress></div>
  25     </div>
  26   </div>
  27
  28 </div>