Tie VR omnibox to page load progress through TabObserver.

chrome/browser/resources/vr_shell/vr_shell_ui.js

 // Copyright 2016 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 var vrShellUi = (function() {
   'use strict';
 
   let ui = new scene.Scene();
   let uiManager;
 
@@ skipping 276 matching lines @@
       ui.flush();
     }
   };
 
   class Omnibox {
     constructor() {
       this.domUiElement = new DomUiElement('#omnibox-container');
       this.enabled = false;
       this.hidden = false;
       this.loading = false;
-      this.loadingProgress = 0;
+      this.loadProgress = 0;

[cjgrant, 2017/01/12 19:16:49]

Just renaming here for consistency with the observer.

       this.level = 0;
       this.visibilityTimeout = 0;
       this.visibilityTimer = null;
       this.nativeState = {};
 
       // Initially invisible.
       let update = new api.UiElementUpdate();
       update.setVisible(false);
       ui.updateElement(this.domUiElement.uiElementId, update);
       this.nativeState.visible = false;
@@ skipping 28 matching lines @@
     }
 
     setEnabled(enabled) {
       this.enabled = enabled;
       this.resetVisibilityTimer();
       this.updateState();
     }
 
     setLoading(loading) {
       this.loading = loading;
-      this.loadingProgress = 0;
+      this.loadProgress = 0;
       this.resetVisibilityTimer();
       this.updateState();
     }
 
-    setLoadingProgress(progress) {
-      this.loadingProgress = progress;
+    setLoadProgress(progress) {
+      this.loadProgress = progress;
       this.updateState();
     }
 
     setURL(host, path) {
       let omnibox = this.domUiElement.domElement;
       omnibox.querySelector('#domain').innerHTML = host;
       omnibox.querySelector('#path').innerHTML = path;
       this.resetVisibilityTimer();
       this.updateState();
     }
@@ skipping 35 matching lines @@
       this.setNativeVisibility(this.enabled);
 
       if (!this.enabled) {
         return;
       }
 
       let indicator = document.querySelector('#omnibox-border');
       if (this.loading) {
         // Remap load progress range 0-100 as 5-95 percent, to avoid the
         // extremities of the rounded ends of the omnibox.
-        let percent = Math.round((this.loadingProgress * 0.9 + 0.05) * 100);
+        let percent = Math.round((this.loadProgress * 0.9 + 0.05) * 100);
         let gradient = 'linear-gradient(to right, ' + this.statusBarColor +
             ' 0%, ' + this.statusBarColor + ' ' + percent + '%, ' +
             this.backgroundColor + ' ' + percent + '%, ' +
             this.backgroundColor + ' 100%)';
         indicator.style.background = gradient;
       } else {
         indicator.style.background = this.backgroundColor;
       }
 
       let shouldBeHidden =
@@ skipping 105 matching lines @@
     if ('enableReloadUi' in dict) {
       uiManager.setReloadUiEnabled(dict['enableReloadUi']);
     }
     if ('url' in dict) {
       let url = dict['url'];
       uiManager.omnibox.setURL(url['host'], url['path']);
     }
     if ('loading' in dict) {
       uiManager.omnibox.setLoading(dict['loading']);
     }
-    if ('loadingProgress' in dict) {
-      uiManager.omnibox.setLoadingProgress(dict['loadingProgress']);
+    if ('loadProgress' in dict) {
+      uiManager.omnibox.setLoadProgress(dict['loadProgress']);
     }
     ui.flush();
   }
 
   return {
     initialize: initialize,
     command: command,
   };
 })();
 
 document.addEventListener('DOMContentLoaded', vrShellUi.initialize);