diff --git a/src/views/apps.html b/src/views/apps.html
index 994b553ba..dbfa63679 100644
--- a/src/views/apps.html
+++ b/src/views/apps.html
@@ -264,13 +264,21 @@
       <div class="modal-header">
         <h4 class="modal-title">
           Backups - {{ appRestore.app.fqdn }}
-          <button type="button" class="btn btn-primary pull-right" ng-click="appRestore.createBackup()" ng-hide="appRestore.busyFetching" ng-disabled="appRestore.app.installationState === 'pending_backup'"><i class="fa fa-circle-notch fa-spin" ng-show="appRestore.app.installationState === 'pending_backup'"></i> Create Backup</button>
+          <button type="button" class="btn btn-sm btn-primary pull-right" ng-click="appRestore.createBackup()" ng-hide="appRestore.busyFetching" ng-disabled="appRestore.app.installationState === 'pending_backup'"><i class="fa fa-circle-notch fa-spin" ng-show="appRestore.app.installationState === 'pending_backup'"></i> Create Backup</button>
         </h4>
       </div>
       <div class="modal-body" style="padding: 0 15px">
         <p class="text-center" ng-show="appRestore.busyFetching"><i class="fa fa-circle-notch fa-spin"></i> Fetching backups</p>
         <p ng-hide="appRestore.backups.length">This app has no backups yet.</p>
 
+        <div ng-show="appRestore.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: {{appRestore.app.progress}}%"></div>
+          </div>
+          <div><center>{{ appRestore.app.message }}</center></div>
+          <br>
+        </div>
+
         <!-- backup id copy helper -->
         <input type="text" class="offscreen" aria-hidden="true" id="appRestoreBackupIdHelper" value="">