diff --git a/src/views/backups.html b/src/views/backups.html
index 03d1e18e2..e1084921f 100644
--- a/src/views/backups.html
+++ b/src/views/backups.html
@@ -233,7 +233,8 @@
       </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" ng-show="!config.managed">Configure</button>
-        <button class="btn btn-outline btn-primary" ng-click="createBackup.doCreateBackup()" ng-disabled="createBackup.busy" style="margin-right: 10px">Backup now</button>
+        <button class="btn btn-outline btn-primary" ng-click="createBackup.startBackup()" ng-show="!createBackup.busy" style="margin-right: 10px">Backup now</button>
+        <button class="btn btn-outline btn-danger" ng-click="createBackup.stopBackup()" ng-show="createBackup.busy" style="margin-right: 10px">Stop Backup</button>
       </div>
     </div>
   </div>
diff --git a/src/views/backups.js b/src/views/backups.js
index 925711b32..07eb493af 100644
--- a/src/views/backups.js
+++ b/src/views/backups.js
@@ -113,7 +113,7 @@ angular.module('Application').controller('BackupsController', ['$scope', '$locat
             });
         },
 
-        doCreateBackup: function () {
+        startBackup: function () {
             $scope.createBackup.busy = true;
             $scope.createBackup.percent = 0;
             $scope.createBackup.message = '';
@@ -140,6 +140,23 @@ angular.module('Application').controller('BackupsController', ['$scope', '$locat
 
                 $scope.createBackup.updateStatus();
             });
+        },
+
+        stopBackup: function () {
+            Client.stopBackup(function (error) {
+                if (error) {
+                    if (error.statusCode === 409) {
+                        $scope.createBackup.errorMessage = 'No backup is currently in progress';
+                    } else {
+                        console.error(error);
+                        $scope.createBackup.errorMessage = error.message;
+                    }
+
+                    $scope.createBackup.busy = false;
+
+                    return;
+                }
+            });
         }
     };