Storage manager: Add conditional messages for disk low situation and update design.

chrome/browser/resources/options/chromeos/storage_manager.js

Index: chrome/browser/resources/options/chromeos/storage_manager.js
diff --git a/chrome/browser/resources/options/chromeos/storage_manager.js b/chrome/browser/resources/options/chromeos/storage_manager.js
index 65aa199935a5f2b88c9c363e6e138d7179ce99fd..b2896568c5c7534200fcbeb9baabebc5ece91365 100644
--- a/chrome/browser/resources/options/chromeos/storage_manager.js
+++ b/chrome/browser/resources/options/chromeos/storage_manager.js
@@ -7,7 +7,9 @@
  *   totalSize: string,
  *   availableSize: string,
  *   usedSize: string,
- *   usedRatio: number
+ *   usedRatio: number,
+ *   isSpaceLow: boolean,
+ *   isSpaceCriticallyLow: boolean
  * }}
  */
 options.StorageSizeStat;
@@ -60,6 +62,11 @@ cr.define('options', function() {
       $('storage-manager-size-capacity').textContent = sizeStat.totalSize;
       $('storage-manager-size-in-use').textContent = sizeStat.usedSize;
       $('storage-manager-size-available').textContent = sizeStat.availableSize;
+      $('storage-bar-progress').style.width = sizeStat.usedRatio * 100 + '%';
+      $('storageManagerPage').classList.toggle('critically-low-space',
+          sizeStat.isSpaceCriticallyLow);
+      $('storageManagerPage').classList.toggle('low-space',
+          sizeStat.isSpaceLow && !sizeStat.isSpaceCriticallyLow);
     },
 
     /**