Loading Indicator for Distilled Pages

components/dom_distiller/content/resources/dom_distiller_viewer.html

Index: components/dom_distiller/content/resources/dom_distiller_viewer.html
diff --git a/components/dom_distiller/content/resources/dom_distiller_viewer.html b/components/dom_distiller/content/resources/dom_distiller_viewer.html
index e5b0e9938ac8fefed3706ffc68b37a6abbc8bdb7..6204b5ed761eff39f4d394fb73b1f24c70f0ddbc 100644
--- a/components/dom_distiller/content/resources/dom_distiller_viewer.html
+++ b/components/dom_distiller/content/resources/dom_distiller_viewer.html
@@ -21,9 +21,61 @@ found in the LICENSE file.
       <div id="content">$5</div>
     </article>
   </div>
-  <div id="loadingIndicator" class="$6">$7</div>
+  <div id="loadingIndicator" class="$6">
+    <div id="loader">
+      <div class="circle initial">
+        <span class="mask">
+          <span class="mover"></span>
+        </span>
+      </div>
+
+      <div class="circle red">
+        <span class="mask first">
+          <span class="base"></span>
+          <span class="mover"></span>
+        </span>
+        <span class="mask second">
+          <span class="base"></span>
+          <span class="mover"></span>
+        </span>
+      </div>
+
+      <div class="circle yellow">
+        <span class="mask first">
+          <span class="base"></span>
+          <span class="mover"></span>
+        </span>
+        <span class="mask second">
+          <span class="base"></span>
+          <span class="mover"></span>
+        </span>
+      </div>
+
+      <div class="circle green">
+        <span class="mask first">
+          <span class="base"></span>
+          <span class="mover"></span>
+        </span>
+        <span class="mask second">
+          <span class="base"></span>
+          <span class="mover"></span>
+        </span>
+      </div>
+
+      <div class="circle blue">
+        <span class="mask first">
+          <span class="base"></span>
+          <span class="mover"></span>
+        </span>
+        <span class="mask second">
+          <span class="base"></span>
+          <span class="mover"></span>
+        </span>
+      </div>
+    </div>
+  </div>
   <div id="showOriginal">
-    <a href="$8">$9</a>
+    <a href="$7">$8</a>
   </div>
 </body>
 </html>