update progress service with device/folders loaded and add animation

2020-04-05 11:50:05 -04:00
parent ee465c0890
commit 1e33cc9720
9 changed files with 104 additions and 33 deletions
@@ -7,7 +7,10 @@
    <span>Tech UI</span>
  </div>
 </div>
-<mat-progress-bar mode="determinate" value="95.67"></mat-progress-bar>
+<div class="progress">
+  <mat-progress-bar mode="determinate" value="{{progressValue}}" [@progressBar]="isLoading ? 'start' : 'done'">
+  </mat-progress-bar>
+</div>
 <div fxLayout="column" fxLayoutGap="16px" class="grid-container" [@loading]="isLoading ? 'start' : 'done'">
  <div fxLayout="row" fxLayoutGap="16px" fxLayoutAlign="space-between stretch">
    <app-chart [type]=folderChart fxFlex="50"></app-chart>