Implement basic toolbar with Material Design and loading progress.

chrome/browser/resources/pdf/viewport.js

Index: chrome/browser/resources/pdf/viewport.js
diff --git a/chrome/browser/resources/pdf/viewport.js b/chrome/browser/resources/pdf/viewport.js
index 29b86ceb27de5392a8df010176fe06f5a16caf2f..981555f3b64a1fa283fc92b211f80e25f6460ad5 100644
--- a/chrome/browser/resources/pdf/viewport.js
+++ b/chrome/browser/resources/pdf/viewport.js
@@ -24,13 +24,15 @@ function getIntersectionHeight(rect1, rect2) {
  * @param {Function} beforeZoomCallback is run before a change in zoom
  * @param {Function} afterZoomCallback is run after a change in zoom
  * @param {number} scrollbarWidth the width of scrollbars on the page
+ * @param {number} yPos the offset of the viewport from the top of the window
  */
 function Viewport(window,
                   sizer,
                   viewportChangedCallback,
                   beforeZoomCallback,
                   afterZoomCallback,
-                  scrollbarWidth) {
+                  scrollbarWidth,
+                  yPos) {
   this.window_ = window;
   this.sizer_ = sizer;
   this.viewportChangedCallback_ = viewportChangedCallback;
@@ -42,6 +44,7 @@ function Viewport(window,
   this.pageDimensions_ = [];
   this.scrollbarWidth_ = scrollbarWidth;
   this.fittingType_ = Viewport.FittingType.NONE;
+  this.yPos = yPos;
 
   window.addEventListener('scroll', this.updateViewport_.bind(this));
   window.addEventListener('resize', this.resize_.bind(this));
@@ -137,7 +140,7 @@ Viewport.prototype = {
       this.sizer_.style.width =
           this.documentDimensions_.width * this.zoom_ + 'px';
       this.sizer_.style.height =
-          this.documentDimensions_.height * this.zoom_ + 'px';
+          this.documentDimensions_.height * this.zoom_ + this.yPos + 'px';
     }
   },