diff --git a/website/templates/pages/blog.html b/website/templates/pages/blog.html
index fcb542bff8b..d7eaba4de3b 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 b5b0dd9193f..f43a4748778 100644
--- a/website/templates/pages/orders.html
+++ b/website/templates/pages/orders.html
@@ -18,7 +18,7 @@ wn.currency_symbols = {{ currency_symbols }};
 	<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 27881efa4d9..f1ee58a9be5 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>