qml: make bolt icon a gossip progress indicator

electrum/gui/qml/components/controls/LightningNetworkStatusIndicator.qml

@@ -1,12 +1,32 @@
 import QtQuick 2.6
 
-Image {
+import org.electrum 1.0
+
+Item {
     id: root
+    visible: Config.useGossip
+    implicitWidth: constants.iconSizeMedium
+    implicitHeight: constants.iconSizeMedium
 
-    sourceSize.width: constants.iconSizeMedium
+    property int gossipProgress: Network.gossipInfo.db_channels
-    sourceSize.height: constants.iconSizeMedium
+        ? (100 * Network.gossipInfo.db_channels / (Network.gossipInfo.unknown_channels + Network.gossipInfo.db_channels))
+        : 0
 
-    source: Daemon.currentWallet.lightningNumPeers
+    Image {
-                ? '../../../icons/lightning.png'
+        sourceSize.width: root.implicitWidth
-                : '../../../icons/lightning_disconnected.png'
+        sourceSize.height: root.implicitHeight
+
+        source: '../../../icons/lightning.png'
+    }
+    Image {
+        sourceSize.width: root.implicitWidth
+        sourceSize.height: root.implicitHeight
+        fillMode: Image.Pad
+        horizontalAlignment: Image.AlignLeft
+        verticalAlignment: Image.AlignTop
+
+        source: '../../../icons/lightning_disconnected.png'
+
+        height: constants.iconSizeMedium * (100 - gossipProgress) / 100
+    }
 }

electrum/gui/qml/components/main.qml

@@ -102,7 +102,6 @@ ApplicationWindow
                 }
 
                 LightningNetworkStatusIndicator {
-                    visible: Daemon.currentWallet.isLightning
                     MouseArea {
                         anchors.fill: parent
                         onClicked: {