diff --git a/theme/default/static/script.js b/theme/default/static/script.js
index 41e1cd0..a4435d6 100644
--- a/theme/default/static/script.js
+++ b/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";
 };
\ No newline at end of file
diff --git a/theme/default/static/style.css b/theme/default/static/style.css
index ddf5b9e..72fc39d 100644
--- a/theme/default/static/style.css
+++ b/theme/default/static/style.css
@@ -24,6 +24,10 @@ html {
     display: none !important;
 }
 
+.loading-progress.force-visible {
+    display: block !important;
+}
+
 .hidden {
     display: none;
 }