diff --git a/assets/css/style.css b/assets/css/style.css
index 96c797f..d15e04a 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -20,4 +20,12 @@ body{
 
 .container{
     background: #fff ;
+}
+
+#loader{
+    text-align: center;
+}
+
+#loader img{
+    height: 128px;
 }
\ No newline at end of file
diff --git a/www/index.html b/www/index.html
index 1881450..d39d931 100644
--- a/www/index.html
+++ b/www/index.html
@@ -53,7 +53,11 @@ <h2>
                         </a>
                     </td>
                 </tr>
-               
+                <tr>
+                    <td colspan="9" id="loader">
+                        <img src="/assets/img/loader.gif" alt="[]" />
+                    </td>
+                </tr>
 
             </tbody>
         </table>
@@ -69,6 +73,7 @@ <h2>
         var newDate = new Date();
         vue.processes = e;
         vue.now = Math.floor(newDate.getTime());
+        $("#loader").slideUp(100);
     });
 }
 var now = 0;
@@ -89,7 +94,8 @@ <h2>
 $(function () {
     GetData();
     $("#refresh").click(function () {
-
+        $("#loader").slideDown(100);
+         GetData();
     });
 });
     </script>