diff --git a/admin/materi.html b/admin/materi.html
index 8dc1a39200465f47bd72d3ab2a02abcc614b2f69..4fc719029a0ffcc75392ae150d4e20ef6a85aa25 100755
--- a/admin/materi.html
+++ b/admin/materi.html
@@ -5,7 +5,7 @@
   </div>
 </div>
 
-<form action="../addMateri.php" method="POST" id="upload_form" enctype="multipart/form-data" class="">
+<form action="../addMateri.php" method="POST" id="upload_form" enctype="multipart/form-data">
   <div class="form-group">
     <label for="usr">Topik:</label>
     <div class="radio">
@@ -41,10 +41,12 @@
   <button type="submit" class="btn btn-default">Kirim</button>
   
 </form>
+<div id="textbar">
+    <h6>Uploading ...</h6>
 <div id="progbar" class="progress d-none">
-  <h6>Uploading ...</h6>
   <div class="bar progress-bar progress-bar-striped active"></div>
 </div>
+</div>
 
 <script>
   $.getJSON("../getAllTopik.php",function(data){
@@ -91,7 +93,7 @@
     $('form').ajaxForm({
         beforeSend: function() {
             $('#progbar').removeClass('d-none');
-            $('#upload-form').addClass('d-none');
+            $('#upload_form').addClass('d-none');
             var percentVal = '0%';
             bar.width(percentVal)
         },
@@ -105,7 +107,7 @@
         },
       complete: function(xhr) {
         $('#progbar').addClass('d-none');
-        $('#upload-form').removeClass('d-none');
+        $('#upload_form').removeClass('d-none');
         alert(xhr.responseText);
       }
     });