diff --git a/webadmin/src/views/settings.html b/webadmin/src/views/settings.html
index 1f19e16a1..c438faf4f 100644
--- a/webadmin/src/views/settings.html
+++ b/webadmin/src/views/settings.html
@@ -362,15 +362,20 @@
         </div>
     </div>
 
-    <!-- If a backup is blocked (not triggered), the UI does not give feedback currently. This button is only available in dev at the moment! -->
     <div class="row" ng-show="backupConfig.provider !== 'caas' || config.isDev">
         <br/>
-        <div class="col-xs-6">
+        <div class="col-md-12">
             <div ng-show="createBackup.busy" class="progress progress-striped active animateMe">
-                <div class="progress-bar progress-bar-success" role="progressbar" style="width: {{ createBackup.percent }}%">Backup in progress</div>
+                <div class="progress-bar progress-bar-success" role="progressbar" style="width: {{ createBackup.percent }}%">{{ createBackup.percent }}%</div>
             </div>
+            <br/>
         </div>
-        <div class="col-xs-6 text-right">
+    </div>
+    <div class="row" ng-show="backupConfig.provider !== 'caas' || config.isDev">
+        <div class="col-md-6">
+            <p ng-show="createBackup.busy">{{ createBackup.message }}</p>
+        </div>
+        <div class="col-md-6 text-right">
             <button class="btn btn-outline btn-primary pull-right" ng-click="configureBackup.show()" ng-disabled="createBackup.busy">Configure</button>
 
             <button class="btn btn-outline btn-primary" ng-click="createBackup.doCreateBackup()" ng-disabled="createBackup.busy" style="margin-right: 10px">Backup now</button>
diff --git a/webadmin/src/views/settings.js b/webadmin/src/views/settings.js
index eb25cb7a5..4d015a100 100644
--- a/webadmin/src/views/settings.js
+++ b/webadmin/src/views/settings.js
@@ -100,11 +100,13 @@ angular.module('Application').controller('SettingsController', ['$scope', '$loca
     $scope.createBackup = {
         busy: false,
         percent: 100,
+        message: '',
         errorMessage: '',
 
         doCreateBackup: function () {
             $scope.createBackup.busy = true;
             $scope.createBackup.percent = 0;
+            $scope.createBackup.message = '';
             $scope.createBackup.errorMessage = '';
 
             Client.backup(function (error) {
@@ -131,12 +133,15 @@ angular.module('Application').controller('SettingsController', ['$scope', '$loca
                         // check if we are done
                         if (!data.backup || data.backup.percent >= 100) {
                             if (data.backup && data.backup.message) console.error('Backup message: ' + data.backup.message); // backup error message
-                            fetchBackups();
+
                             $scope.createBackup.busy = false;
-                            return;
+                            $scope.createBackup.message = '';
+
+                            return fetchBackups();
                         }
 
                         $scope.createBackup.percent = data.backup.percent;
+                        $scope.createBackup.message = data.backup.message;
                         window.setTimeout(checkIfDone, 250);
                     });
                 }