[filebrowser] Show progress indication, while files from GData are being downloaded.

chrome/browser/resources/file_manager/css/file_manager.css

Index: chrome/browser/resources/file_manager/css/file_manager.css
===================================================================
--- chrome/browser/resources/file_manager/css/file_manager.css	(revision 128203)
+++ chrome/browser/resources/file_manager/css/file_manager.css	(working copy)
@@ -168,6 +168,7 @@
 
 /* Main part of the dialog between header and footer. */
 .dialog-container {
+  position: relative;
   display: -webkit-box;
   -webkit-box-orient: horizontal;
   -webkit-box-align: stretch;
@@ -415,11 +416,28 @@
 /* Container for the ok/cancel buttons. */
 .dialog-footer {
   -webkit-box-orient: horizontal;
+  -webkit-box-align: center;
   display: -webkit-box;
   margin: 15px;
   margin-top: 0;
 }
 
+.dialog-footer:not([progress]) .progress-bar,
+.dialog-footer:not([progress]) .preparing-label {
+  display: none;
+}
+
+.dialog-footer[progress] .ok,
+.dialog-footer[progress] .filename-label,
+.dialog-footer[progress] .filename-input {
+  display: none;
+}
+
+.dialog-footer .progress-bar {
+  -webkit-margin-start: 20px;
+  -webkit-margin-end: 20px;
+}
+
 /* The container for breadcrumb elements. */
 .breadcrumbs {
   -webkit-box-orient: horizontal;
@@ -1114,3 +1132,18 @@
   -webkit-box-align: center;
   display: -webkit-box;
 }
+
+div.shade {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: rgba(255, 255, 255, 0.8);
+  opacity: 0;
+  webkit-transition: opacity 1000ms linear;
+}
+
+div.shade[fadein] {
+  opacity: 1;
+}