Show a local folder's size in QuickView.

ui/file_manager/file_manager/foreground/elements/files_metadata_entry.html

Index: ui/file_manager/file_manager/foreground/elements/files_metadata_entry.html
diff --git a/ui/file_manager/file_manager/foreground/elements/files_metadata_entry.html b/ui/file_manager/file_manager/foreground/elements/files_metadata_entry.html
index 5321a3d34c985d29c1b175f01cb602804c3c6cd8..6bbd82a857c411b15f792b87ea7edd4f14eee479 100644
--- a/ui/file_manager/file_manager/foreground/elements/files_metadata_entry.html
+++ b/ui/file_manager/file_manager/foreground/elements/files_metadata_entry.html
@@ -42,12 +42,38 @@
       vertical-align: bottom;
       width: 128px;
     }
+
+    #value[loading] {
+      font-size: 30px;
+    }
+
+    #value[loading]:after {
+      -webkit-animation: ellipsis steps(4,end) 900ms infinite;
+      animation: ellipsis steps(4,end) 900ms infinite;
+      content: "\2026"; /* ascii code for the ellipsis character */
+      display: inline-block;
+      overflow: hidden;
+      vertical-align: bottom;
+      width: 0px;
+    }
+
+    @keyframes ellipsis {
+      to {
+        width: 1.25em;
+      }
+    }
+
+    @-webkit-keyframes ellipsis {
+      to {
+        width: 1.25em;
+      }
+    }
   </style>
   <template>
     <div id="box" hidden="[[!value]]">
       <div id="padding"></div>
       <div id="key">[[key]]</div>
-      <div id="value">[[value]]</div>
+      <div id="value" loading$="{{loading}}"><div hidden="[[loading]]">[[value]]</div></div>
     </div>
   </template>
 </dom-module>