diff --git a/aleksis/core/static/js/progress.js b/aleksis/core/static/js/progress.js
index 4c3e52c986c30deb5f9ddbbb80461a5f16bd5e25..4d4c0692f39e78af60bdc621544ba7a2c2b720c4 100644
--- a/aleksis/core/static/js/progress.js
+++ b/aleksis/core/static/js/progress.js
@@ -58,6 +58,8 @@ function customError(progressBarElement, progressBarMessageElement) {
 }
 
 $(document).ready(function () {
+    $("#progress-bar").removeClass("indeterminate").addClass("determinate");
+
     var progressUrl = Urls["celeryProgress:taskStatus"](OPTIONS.task_id);
     CeleryProgressBar.initProgressBar(progressUrl, {
         onProgress: customProgress,
diff --git a/aleksis/core/templates/core/progress.html b/aleksis/core/templates/core/progress.html
index 26d078d9fc797d96d0540501a4f2b3ccb0faadbe..6292fb0d243b1b2ecb72ff1cec7c3b6339409c18 100644
--- a/aleksis/core/templates/core/progress.html
+++ b/aleksis/core/templates/core/progress.html
@@ -13,13 +13,24 @@
   <div class="container">
     <div class="row">
       <div class="progress center">
-        <div class="determinate" style="width: 0;" id="progress-bar"></div>
+        <div class="indeterminate" style="width: 0;" id="progress-bar"></div>
       </div>
       <h6 class="center">
         {{ progress.title }}
       </h6>
     </div>
     <div class="row">
+      <noscript>
+        <div class="alert warning">
+          <p>
+            <i class="material-icons left">warning</i>
+            {% blocktrans %}
+              Without activated JavaScript the progress status can't be updated.
+            {% endblocktrans %}
+          </p>
+        </div>
+      </noscript>
+    
       <div id="messages"></div>
 
       <div id="result-box" style="display: none;">