diff --git a/web/skins/bootstrap/js/app.js b/web/skins/bootstrap/js/app.js
index bda8d6288..9988cafd2 100644
--- a/web/skins/bootstrap/js/app.js
+++ b/web/skins/bootstrap/js/app.js
@@ -21,6 +21,9 @@ ZoneMinder.factory('Footer', function($http) {
 	return {
 		getLoad: function(callback) {
 			$http.get('/api/host/getLoad.json').success(callback);
+		},
+		getDiskPercent: function(callback) {
+			$http.get('/api/host/getDiskPercent.json').success(callback);
 		}
 	};
 });
diff --git a/web/skins/bootstrap/js/controllers.js b/web/skins/bootstrap/js/controllers.js
index 4592e0477..f5ea6ed69 100644
--- a/web/skins/bootstrap/js/controllers.js
+++ b/web/skins/bootstrap/js/controllers.js
@@ -15,6 +15,10 @@ ZoneMinder.controller('FooterController', function($scope, Footer) {
 	Footer.getLoad(function(load) {
 		$scope.load = load.load;
 	});
+
+	Footer.getDiskPercent(function(diskPercent) {
+		$scope.diskPercent = diskPercent.space;
+	});
 });
 
 ZoneMinder.controller('EventController', function($scope, $location, Event) {
diff --git a/web/skins/bootstrap/views/footer.php b/web/skins/bootstrap/views/footer.php
index 8fad75e6a..a31904472 100644
--- a/web/skins/bootstrap/views/footer.php
+++ b/web/skins/bootstrap/views/footer.php
@@ -1,7 +1,7 @@
 			<div id="footer" ng-controller="FooterController">
 				<div class="container-fluid">
 						<p class="pull-right text-muted"><?= $SLANG['Load'] ?>: <span ng-bind="load"></span> -
-						<?= $SLANG['Disk'] ?>: <?= getDiskPercent() ?>% -
+						<?= $SLANG['Disk'] ?>: <span ng-bind="diskPercent"></span>% -
 						<?= makePopupLink( '?view=version', 'zmVersion', 'version', 'v' . ZM_VERSION, canEdit( 'System' ) ) ?> -
       <?php
 if ( ZM_OPT_USE_AUTH )