Add a progress message with the indeterminate loading bar

static/css/style.css

@@ -26,6 +26,8 @@
     bottom: 50%;
     transform: translate(-50%, -50%);
     margin: 0 auto;
+    color: white;
+    text-align: center;
 }
 main {
     padding: 50px 100px;

static/js/index.js

@@ -293,6 +293,7 @@ function startSelectedGame() {
         var rikey = '00000000000000000000000000000000';
         var rikeyid = 0;
 
+        $('#loadingMessage').text('Starting ' + $("#selectGame option:selected").text() + '...');
         playGameMode();
 
         if(api.currentGame == appID) // if user wants to launch the already-running app, then we resume it.

static/js/messages.js

@@ -28,6 +28,8 @@ function handleMessage(msg) {
             });
         } else if(msg.data === 'Connection Established') {
             $('#loadingSpinner').css('display', 'none');
+        } else if(msg.data.indexOf('ProgressMsg: ') === 0) {
+            $('#loadingMessage').text(msg.data.replace('ProgressMsg: ', ''));
         }
     }
 }