diff --git a/website/templates/pages/blog.html b/website/templates/pages/blog.html
index fcb542b..d7eaba4 100644
--- a/website/templates/pages/blog.html
+++ b/website/templates/pages/blog.html
@@ -19,7 +19,7 @@
 	<h3 id="blot-subtitle" style="display:none;"></h3>
 	<br>
 	<div class="progress progress-striped active">
-		<div class="bar" style="width: 100%;"></div>
+		<div class="progress-bar progress-bar-info" style="width: 100%;"></div>
 	</div>
 	<div id="blog-list">
 		<!-- blog list will be generated dynamically -->
diff --git a/website/templates/pages/orders.html b/website/templates/pages/orders.html
index b5b0dd9..f43a474 100644
--- a/website/templates/pages/orders.html
+++ b/website/templates/pages/orders.html
@@ -18,7 +18,7 @@
 	<hr>
 	<div id="order-list" style="font-size: 13px;">
 		<div class="progress progress-striped active">
-			<div class="bar" style="width: 100%;"></div>
+			<div class="progress-bar progress-bar-info" style="width: 100%;"></div>
 		</div>
 	</div>
 </div>
diff --git a/website/templates/pages/tickets.html b/website/templates/pages/tickets.html
index 27881ef..f1ee58a 100644
--- a/website/templates/pages/tickets.html
+++ b/website/templates/pages/tickets.html
@@ -13,7 +13,7 @@
 	<hr>
 	<div id="ticket-list" style="font-size: 13px;">
 		<div class="progress progress-striped active">
-			<div class="bar" style="width: 100%;"></div>
+			<div class="progress-bar progress-bar-info" style="width: 100%;"></div>
 		</div>
 	</div>
 </div>