diff --git a/app/templates/jobs/job.html.j2 b/app/templates/jobs/job.html.j2
index 674a566f60599b22e62bb97e5ec93ac642d515ad..62de7cb0e428e4b2cc9ad8e4585db79bc0de4788 100644
--- a/app/templates/jobs/job.html.j2
+++ b/app/templates/jobs/job.html.j2
@@ -8,7 +8,20 @@
 <div class="col s12 m4">
   <h3 id="title">{{ job.title }}</h3>
   <p id="description">{{ job.description }}</p>
-  <a class="btn status waves-effect waves-light" id="status"></a>
+  <div class="active preloader-wrapper small" id="progress-indicator">
+    <div class="spinner-layer spinner-blue-only">
+      <div class="circle-clipper left">
+        <div class="circle"></div>
+      </div>
+      <div class="gap-patch">
+        <div class="circle"></div>
+      </div>
+      <div class="circle-clipper right">
+        <div class="circle"></div>
+      </div>
+    </div>
+  </div>
+  <span class="chip status white-text" id="status"></span>
 </div>
 
 
@@ -224,8 +237,11 @@
     }
 
     setStatus(status) {
-      let statusElement;
-
+      let progressIndicator, statusElement;
+      if (status === "complete") {
+        progressIndicator = document.getElementById("progress-indicator");
+        progressIndicator.classList.add("hide");
+      }
       statusElement = document.getElementById("status");
       statusElement.dataset.status = status;
     }