diff --git a/static/src/js/app/admin/admin.js b/static/src/js/app/admin/admin.js
index d3e30ac8..b44f575a 100644
--- a/static/src/js/app/admin/admin.js
+++ b/static/src/js/app/admin/admin.js
@@ -20,12 +20,16 @@ define("admin", ["jquery", "avalon"], function($, avalon){
         if(hash){
             li_inactive(".list-group-item");
             li_active("#li-" + hash);
+            $("#loading-gif").show();
             vm.template_url = "template/index/" + hash + ".html";
         }
     };
 
     var vm = avalon.define({
         $id: "admin",
-        template_url: "template/index/index.html"
+        template_url: "template/index/index.html",
+        hide_loading: function(){
+            $("#loading-gif").hide();
+        }
     });
 });
\ No newline at end of file
diff --git a/template/admin/admin.html b/template/admin/admin.html
index c7120847..6ec5a4ec 100644
--- a/template/admin/admin.html
+++ b/template/admin/admin.html
@@ -81,9 +81,9 @@
             </ul>
         </div>
         <!-- admin left end -->
-
+        <img src="/static/img/loading.gif" id="loading-gif">
         <!-- custom body begin -->
-        <div ms-include-src="template_url"></div>
+        <div ms-include-src="template_url" data-include-rendered="hide_loading"></div>
         <!-- custom body end -->
     </div>
 </div>