Display spinner in Web controls when they're loading an HTTP page

interface/resources/qml/TabletBrowser.qml

@@ -4,6 +4,7 @@ import QtWebChannel 1.0
 import QtWebEngine 1.2
 
 import "controls"
+import "controls-uit" as HifiControls
 import "styles" as HifiStyles
 import "styles-uit"
 import "windows"
@@ -117,6 +118,8 @@ Item {
         onNewViewRequested: {
             request.openIn(webView);
         }
+
+        HifiControls.WebSpinner { }
     }
 
     Keys.onPressed: {

interface/resources/qml/controls-uit/BaseWebView.qml

@@ -36,4 +36,6 @@ WebEngineView {
             }
         }
     }
+
+    WebSpinner { }
 }

interface/resources/qml/controls-uit/WebSpinner.qml

@@ -0,0 +1,21 @@
+//
+//  WebSpinner.qml
+//
+//  Created by David Rowe on 23 May 2017
+//  Copyright 2017 High Fidelity, Inc.
+//
+//  Distributed under the Apache License, Version 2.0.
+//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
+//
+
+import QtQuick 2.5
+
+AnimatedImage {
+    source: "../../icons/loader-snake-64-w.gif"
+    visible: parent.loading && /^(http.*|)$/i.test(parent.url.toString())
+    z: 10000
+    anchors {
+        horizontalCenter: parent.horizontalCenter
+        verticalCenter: parent.verticalCenter
+    }
+}

interface/resources/qml/controls/TabletWebScreen.qml

@@ -116,6 +116,8 @@ Item {
                 tabletRoot.openBrowserWindow(request, profile);
             }
         }
+
+        HiFiControls.WebSpinner { }
     }
 
     HiFiControls.Keyboard {

interface/resources/qml/controls/TabletWebView.qml

@@ -238,6 +238,8 @@ Item {
         onNewViewRequested: {
             request.openIn(webview);
         }
+
+        HiFiControls.WebSpinner { }
     }
 
     HiFiControls.Keyboard {

interface/resources/qml/controls/WebView.qml

@@ -116,6 +116,8 @@ Item {
                 tabletRoot.openBrowserWindow(request, profile);
             }
         }
+
+        HiFiControls.WebSpinner { }
     }
 
     HiFiControls.Keyboard {