diff --git a/src/js/client.js b/src/js/client.js
index a325d7006..d0316b3d4 100644
--- a/src/js/client.js
+++ b/src/js/client.js
@@ -2665,6 +2665,15 @@ angular.module('Application').service('Client', ['$http', '$interval', '$timeout
         });
     };
 
+    Client.prototype.getVolumeStatus = function (volume, callback) {
+        get('/api/v1/volumes/' + volume + '/status', null, function (error, data, status) {
+            if (error) return callback(error);
+            if (status !== 200) return callback(new ClientError(status, data));
+
+            callback(null, data);
+        });
+    };
+
     Client.prototype.addVolume = function (name, hostPath, mountType, mountOptions, callback) {
         var data = {
             name: name,
diff --git a/src/views/volumes.html b/src/views/volumes.html
index e7c7c9b7e..d7130d6a5 100644
--- a/src/views/volumes.html
+++ b/src/views/volumes.html
@@ -10,6 +10,7 @@
         <form name="volumeConfigureForm" role="form" novalidate ng-submit="volumeConfigure.submit()" autocomplete="off">
           <fieldset>
             <p class="has-error text-center" ng-show="volumeConfigure.error">{{ volumeConfigure.error }}</p>
+            <p class="has-error text-center" ng-show="!volumeConfigure.adding && volumeConfigure.volume.status">{{ volumeConfigure.volume.status.message }}</p>
 
             <div class="form-group" ng-show="volumeConfigure.adding">
               <label class="control-label">{{ 'volumes.name' | tr }}</label>
@@ -106,13 +107,18 @@
         <table class="table table-hover" style="margin-top: 10px;">
           <thead>
             <tr>
-              <th class="text-left">{{ 'volumes.name' | tr }}</th>
-              <th class="text-left">{{ 'volumes.hostPath' | tr }}</th>
-              <th style="width: 100px" class="text-right">{{ 'main.actions' | tr }}</th>
+              <th style="width:  5%"></th>
+              <th style="width: 30%" class="text-left">{{ 'volumes.name' | tr }}</th>
+              <th style="width: 60%" class="text-left">{{ 'volumes.hostPath' | tr }}</th>
+              <th style="width: 10%" class="text-right">{{ 'main.actions' | tr }}</th>
             </tr>
           </thead>
           <tbody>
             <tr ng-repeat="volume in volumes">
+              <td>
+                <i class="fa fa-circle" ng-style="{ color: volume.status.state === 'active' ? '#27CE65' : '#d9534f' }" ng-show="volume.status" uib-tooltip="{{ volume.status.message }}"></i>
+                <i class="fa fa-circle-notch fa-spin" ng-hide="volume.status"></i>
+              </td>
               <td class="elide-table-cell hand" ng-click="volumeConfigure.show(volume)">
                 {{ volume.name }}
               </td>
diff --git a/src/views/volumes.js b/src/views/volumes.js
index b6421b3d6..4f88d301b 100644
--- a/src/views/volumes.js
+++ b/src/views/volumes.js
@@ -23,6 +23,15 @@ angular.module('Application').controller('VolumesController', ['$scope', '$locat
             if (error) return console.error(error);
 
             $scope.volumes = results;
+
+            $scope.volumes.forEach(function (volume) {
+                Client.getVolumeStatus(volume.id, function (error, result) {
+                    if (error) return console.error('Failed to fetch volume status', volume.name, error);
+
+                    volume.status = result;
+                });
+            });
+
             if (callback) callback();
         });
     }