diff --git a/public/js/learn.js b/public/js/learn.js
index 3fb867d8821e8eb8b61a6308dd9c9781c720eea6..6d54322b9b2adf821986d368f6d59d0797914923 100644
--- a/public/js/learn.js
+++ b/public/js/learn.js
@@ -1,10 +1,14 @@
 function submit(id_spreadsheet, url) {
     document.getElementById("submit").disabled = true;
+    document.getElementById("submit").style.display = "none";
     document.getElementById("back").disabled = true;
+    document.getElementById("loading").style.display = "block";
     var xmlhttp = new XMLHttpRequest();
     xmlhttp.onreadystatechange = function() {
         if (this.readyState == 4 && this.status == 200) {
             document.getElementById("result-detail").innerHTML = this.responseText;
+            document.getElementById("submit").style.display = "block";
+            document.getElementById("loading").style.display = "none";
             var x = document.getElementById("result");
             if (x.style.display === "none") {
                 x.style.display = "block";
diff --git a/resources/views/learn.blade.php b/resources/views/learn.blade.php
index 40b0435bda34ef03ee8e995f3eb654eda22ec48f..987c8bb24404ea1aba1b802732d594a7e2c19d57 100644
--- a/resources/views/learn.blade.php
+++ b/resources/views/learn.blade.php
@@ -19,8 +19,9 @@
             </iframe>
             <a href="/course/<?php echo $id_course; ?>" class="btn btn-primary" id="back" role="button">Kembali ke Kelas</a>
             <button id="submit" style="float: right;" type="text" onclick="submit('<?php echo $id_spreadsheet; ?>', '<?php echo Request::url(); ?>/submit')" class="btn btn-success"><b>Submit</b></button>
+            <button id="loading" style="float: right; display: none;" type="button" class="btn btn-success" disabled><span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span><b> menilai...</b></button>
         </div>
-        <div  id="result" class="col-lg-10" style="margin-top: 1rem; display:none">
+        <div  id="result" class="col-lg-12" style="margin-top: 1rem; display:none">
             <div class="card">
                 <div class="card-header">Hasil</div>
                 <div id="result-detail" class="card-body"></div>