3 files changed, 6 insertions, 0 deletions
diff --git a/debug_toolbar/static/debug_toolbar/css/toolbar.css b/debug_toolbar/static/debug_toolbar/css/toolbar.css
index f3a31b1..e6d0217 100644
--- a/debug_toolbar/static/debug_toolbar/css/toolbar.css
+++ b/debug_toolbar/static/debug_toolbar/css/toolbar.css
@@ -257,6 +257,11 @@
 	padding:5px 0 0 20px;
 }
 
+#djDebug .djDebugPanelContent .loader {
+	display:block;
+	margin:80px auto;
+}
+
 #djDebug .djDebugPanelContent .scroll {
 	height:100%;
 	overflow:auto;
diff --git a/debug_toolbar/static/debug_toolbar/img/ajax-loader.gif b/debug_toolbar/static/debug_toolbar/img/ajax-loader.gif
new file mode 100644
index 0000000..a7c3f2b
--- /dev/null
+++ b/debug_toolbar/static/debug_toolbar/img/ajax-loader.gif
diff --git a/debug_toolbar/static/debug_toolbar/js/toolbar.js b/debug_toolbar/static/debug_toolbar/js/toolbar.js
index d8c1b27..126f399 100644
--- a/debug_toolbar/static/debug_toolbar/js/toolbar.js
+++ b/debug_toolbar/static/debug_toolbar/js/toolbar.js
@@ -39,6 +39,7 @@
                             url: render_panel_url
                         };
                         $.ajax(ajax_data).done(function(data){
+                            inner.prev().remove();  // Remove AJAX loader
                             inner.html(data);
                         }).fail(function(xhr){
                             var message = '<div class="djDebugPanelTitle"><a class="djDebugClose djDebugBack" href="">Back</a><h3>'+xhr.status+': '+xhr.statusText+'</h3></div>';