theme: show progress bar before navigating to another page

theme/default/static/script.js

@@ -6,4 +6,9 @@ avatar.onmouseover = (ev) => {
 };
 avatar.onanimationend = (ev) => {
   ev.target.className = "";
+};
+
+// Trigger progress bar when loading new page
+window.onbeforeunload = (ev) => {
+  document.getElementsByClassName("loading-progress")[0].className = "loading-progress force-visible";
 };

theme/default/static/style.css

@@ -24,6 +24,10 @@ html {
     display: none !important;
 }
 
+.loading-progress.force-visible {
+    display: block !important;
+}
+
 .hidden {
     display: none;
 }