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..514bdc75ed0b711a0223e751090bb115643d6da6 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;
     }
+
+    .loading {

[fukino, 2016/09/06 09:12:45]

instead of the '.loading' class, #value[loading] should work.

[harukam, 2016/09/06 11:25:24]

Thanks.

+      font-size: 30px;
+    }
+
+    .loading:after {
+      overflow: hidden;

[fukino, 2016/09/06 09:12:45]

Sort properties.

[harukam, 2016/09/06 11:25:24]

Done.

+      display: inline-block;
+      vertical-align: bottom;
+      -webkit-animation: ellipsis steps(4,end) 900ms infinite;
+      animation: ellipsis steps(4,end) 900ms infinite;
+      content: "\2026"; /* ascii code for the ellipsis character */
+      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" class$="{{setLoadingClass(loading)}}"><div hidden="[[loading]]">[[value]]</div></div>
     </div>
   </template>
 </dom-module>