diff --git a/website/templates/js/blog.js b/website/templates/js/blog.js
index 3cfb234..91d3ead 100644
--- a/website/templates/js/blog.js
+++ b/website/templates/js/blog.js
@@ -48,6 +48,7 @@
 			},
 			dataType: "json",
 			success: function(data) {
+				$(".progress").toggle(false);
 				if(data.exc) console.log(data.exc);
 				blog.render(data.message);
 			}
@@ -81,10 +82,10 @@
 				</div><hr>', b)).appendTo($wrap);
 		});
 		blog.start += (data.length || 0);
-		if(!data.length) {
+		if(!data.length || data.length < 20) {
 			if(blog.start) {
 				$("#next-page").toggle(false)
-					.parent().append("<div class='alert'>Nothing more to show.</div>");	
+					.parent().append("<div class='alert alert-info'>Nothing more to show.</div>");	
 			} else {
 				$("#next-page").toggle(false)
 					.parent().append("<div class='alert'>No blogs written yet.</div>");	
diff --git a/website/templates/pages/blog.html b/website/templates/pages/blog.html
index 05302c6..cfdd536 100644
--- a/website/templates/pages/blog.html
+++ b/website/templates/pages/blog.html
@@ -14,6 +14,9 @@
 <div class="span12">
 	<h2 id="blog-title">Blog</h2>
 	<br>
+	<div class="progress progress-striped active">
+		<div class="bar" style="width: 100%;"></div>
+	</div>
 	<div id="blog-list">
 		<!-- blog list will be generated dynamically -->
 	</div>