diff --git a/deluge/ui/webui/templates/ajax/index.html b/deluge/ui/webui/templates/ajax/index.html
index 219c094ed..e5c623be9 100644
--- a/deluge/ui/webui/templates/ajax/index.html
+++ b/deluge/ui/webui/templates/ajax/index.html
@@ -14,6 +14,9 @@
 		<script src="$base/template/static/js/deluge.js" type="text/javascript"></script>
 	</head>
 	<body>
+		<div id="overlay">
+			<div class="title">Loading...</div>
+		</div>
 		<div id="page">
 			<div id="toolbar">
 				<ul id="buttons">
diff --git a/deluge/ui/webui/templates/ajax/static/js/deluge.js b/deluge/ui/webui/templates/ajax/static/js/deluge.js
index 2af41cf90..966fd5fdd 100644
--- a/deluge/ui/webui/templates/ajax/static/js/deluge.js
+++ b/deluge/ui/webui/templates/ajax/static/js/deluge.js
@@ -57,6 +57,7 @@ Deluge.UI = {
 		
 		window.addEvent('resize', this.bound.resized);
 		Deluge.UI.update();
+		$('overlay').destroy();
 	},
 	
 	initialize_grid: function() {
diff --git a/deluge/ui/webui/templates/ajax/template_style.css b/deluge/ui/webui/templates/ajax/template_style.css
index 353bad25a..c7860c806 100644
--- a/deluge/ui/webui/templates/ajax/template_style.css
+++ b/deluge/ui/webui/templates/ajax/template_style.css
@@ -13,9 +13,21 @@ Version: 0.1
 html, body {
 	padding: 0px;
 	margin: 0px;
+	width: 100%:
+	height: 100%;
 	overflow: hidden;
 }
 
+#overlay {
+	position: fixed;
+	top: 0;
+	left: 0;
+	background: #304663 url(/static/images/simple_bg.jpg) repeat-x;
+	width: 100%;
+	height: 100%;
+	z-index: 99999;
+}
+
 #details {
 	padding: 5px;
 }
