Show task progress as progress bar instead of indicator

src/views/app.html

@@ -237,11 +237,6 @@
 
   <a href="/#/apps" class="back-to-apps-link"><i class="fas fa-arrow-left"></i> Back to My Apps</a>
 
-  <div class="task-indicator animateMe" ng-show="app.taskId">
-    <i class="fa fa-circle-notch fa-spin"></i>
-    <span>{{ app | installationStateLabel:user }}</span>
-  </div>
-
   <br/>
 
   <div class="row">
@@ -253,9 +248,7 @@
         <h1>
           {{ app.label || app.fqdn }}
           <br/>
-          <span class="text-small">
-            {{ app | installationStateLabel:user }}
-          </span>
+          <span class="text-small">{{ app | installationStateLabel:user }}</span>
         </h1>
         <div>
           <a class="btn btn-sm btn-outline btn-primary" ng-href="{{ app.manifest.documentationUrl }}" target="_blank">Documentation</a>
@@ -265,6 +258,14 @@
     </div>
   </div>
 
+  <div class="row animateMe" ng-show="app.taskId">
+    <div class="col-md-8 col-md-offset-2">
+      <div class="progress progress-striped active" style="height: 10px;">
+        <div class="progress-bar progress-bar-success" role="progressbar" style="width: {{ app.taskProgress }}%"></div>
+      </div>
+    </div>
+  </div>
+
   <div class="row" style="margin-top: 10px;">
     <div class="col-md-2">
       <div class="app-configure-links">
@@ -620,14 +621,6 @@
           <div class="col-md-12">
             <label class="control-label">Create Backup</label>
             <p>This creates a snapshot of the app at this instant.</p>
-
-            <div ng-show="app.installationState === 'pending_backup'">
-              <div class="progress progress-striped active animateMe" style="margin-bottom: 10px;">
-                <div class="progress-bar progress-bar-success" role="progressbar" style="width: {{ backups.taskProgress }}%"></div>
-              </div>
-              <div>{{ backups.taskMessage }}</div>
-            </div>
-
             <button type="button" class="btn btn-primary pull-right" ng-click="backups.createBackup()" ng-disabled="app.taskId || backups.busyCreate"><i class="fa fa-circle-notch fa-spin" ng-show="app.installationState === 'pending_backup' || backups.busyCreate"></i> Create Backup</button>
           </div>
         </div>