diff --git a/templates/default/cart.html b/templates/default/cart.html
index 234355d98..77bba4aae 100644
--- a/templates/default/cart.html
+++ b/templates/default/cart.html
@@ -18,12 +18,7 @@
 
             {nocache}
             {ifloop rel="cartloop"}
-            <div class="btn-group checkout-progress">
-                <a href="#" role="button" class="btn btn-step active"><span class="step-nb">1</span> <span class="step-label">{intl l="Your Cart"}</span></a>
-                <a href="#" role="button" class="btn btn-step disabled"><span class="step-nb">2</span> <span class="step-label">{intl l="Billing and delivery"}</span></a>
-                <a href="#" role="button" class="btn btn-step disabled"><span class="step-nb">3</span> <span class="step-label">{intl l="Check my order"}</span></a>
-                <a href="#" role="button" class="btn btn-step disabled"><span class="step-nb">4</span> <span class="step-label">{intl l="Secure payment"}</span></a>
-            </div>
+            {include file="misc/checkout-progress.tpl" step="cart"}
 
             <table class="table table-cart">
                 <colgroup>
diff --git a/templates/default/misc/checkout-progress.tpl b/templates/default/misc/checkout-progress.tpl
new file mode 100644
index 000000000..eb3e051e6
--- /dev/null
+++ b/templates/default/misc/checkout-progress.tpl
@@ -0,0 +1,28 @@
+{if $step eq "cart"}
+    {assign var="step1" value=" active"}
+    {assign var="step2" value=" disabled"}
+    {assign var="step3" value=" disabled"}
+    {assign var="step4" value=" disabled"}
+{elseif $step eq "delivery"}
+    {assign var="step1" value=""}
+    {assign var="step2" value=" active"}
+    {assign var="step3" value=" disabled"}
+    {assign var="step4" value=" disabled"}
+{elseif $step eq "invoice"}
+    {assign var="step1" value=""}
+    {assign var="step2" value=""}
+    {assign var="step3" value=" active"}
+    {assign var="step4" value=" disabled"}
+{elseif $step eq "last"}
+    {assign var="step1" value=" disabled"}
+    {assign var="step2" value=" disabled"}
+    {assign var="step3" value=" disabled"}
+    {assign var="step4" value=" active"}
+{/if}
+
+<div class="btn-group checkout-progress">
+    <a href="{url path="/cart"}" role="button" class="btn btn-step{$step1}"><span class="step-nb">1</span> <span class="step-label">{intl l="Your Cart"}</span></a>
+    <a href="{url path="/order/delivery"}" role="button" class="btn btn-step{$step2}"><span class="step-nb">2</span> <span class="step-label">{intl l="Billing and delivery"}</span></a>
+    <a href="{url path="/order/invoice"}" role="button" class="btn btn-step{$step3}"><span class="step-nb">3</span> <span class="step-label">{intl l="Check my order"}</span></a>
+    <a href="{url path="/order/placed"}" role="button" class="btn btn-step{$step4}"><span class="step-nb">4</span> <span class="step-label">{intl l="Secure payment"}</span></a>
+</div>
diff --git a/templates/default/order-delivery.html b/templates/default/order-delivery.html
index fc2110e06..12c65b489 100644
--- a/templates/default/order-delivery.html
+++ b/templates/default/order-delivery.html
@@ -23,12 +23,7 @@
 
             <h1 id="main-label" class="page-header">{intl l="Your Cart"}</h1>
 
-            <div class="btn-group checkout-progress">
-                <a href="{url path="/cart"}" role="button" class="btn btn-step"><span class="step-nb">1</span> <span class="step-label">{intl l="Your Cart"}</span></a>
-                <a href="#" role="button" class="btn btn-step active"><span class="step-nb">2</span> <span class="step-label">{intl l="Billing and delivery"}</span></a>
-                <a href="#" role="button" class="btn btn-step disabled"><span class="step-nb">3</span> <span class="step-label">{intl l="Check my order"}</span></a>
-                <a href="#" role="button" class="btn btn-step disabled"><span class="step-nb">4</span> <span class="step-label">{intl l="Secure payment"}</span></a>
-            </div>
+            {include file="misc/checkout-progress.tpl" step="delivery"}
 
             {form name="thelia.order.delivery"}
             {assign var="isPost" value="{$smarty.post|count}"}
diff --git a/templates/default/order-invoice.html b/templates/default/order-invoice.html
index 4789f826a..0df14b719 100644
--- a/templates/default/order-invoice.html
+++ b/templates/default/order-invoice.html
@@ -24,12 +24,7 @@
 
             <h1 id="main-label" class="page-header">{intl l="Your Cart"}</h1>
 
-            <div class="btn-group checkout-progress">
-                <a href="{url path="/cart"}" role="button" class="btn btn-step"><span class="step-nb">1</span> <span class="step-label"> <span>{intl l="Your Cart"}</span></a>
-                <a href="{url path="/order/delivery"}" role="button" class="btn btn-step"><span class="step-nb">2</span> <span class="step-label">{intl l="Billing and delivery"}</span></a>
-                <a href="#" role="button" class="btn btn-step active"><span class="step-nb">3</span> <span class="step-label">{intl l="Check my order"}</span></a>
-                <a href="#" role="button" class="btn btn-step disabled"><span class="step-nb">4</span> <span class="step-label">{intl l="Secure payment"}</span></a>
-            </div>
+            {include file="misc/checkout-progress.tpl"  step="invoice"}
 
             {form name="thelia.order.coupon"}
 
diff --git a/templates/default/order-placed.html b/templates/default/order-placed.html
index 6569beffc..b51372604 100644
--- a/templates/default/order-placed.html
+++ b/templates/default/order-placed.html
@@ -18,12 +18,7 @@
 
             <h1 id="main-label" class="page-header">{intl l="Your Cart"}</h1>
 
-            <div class="btn-group checkout-progress">
-                <a href="cart.php" role="button" class="btn btn-step disabled"><span class="step-nb">1</span> <span class="step-label">{intl l="Your Cart"}</span></a>
-                <a href="cart-step2.php" role="button" class="btn btn-step disabled"><span class="step-nb">2</span> <span class="step-label">{intl l="Billing and delivery"}</span></a>
-                <a href="cart-step3.php" role="button" class="btn btn-step disabled"><span class="step-nb">3</span> <span class="step-label">{intl l="Check my order"}</span></a>
-                <a href="cart-step4.php" role="button" class="btn btn-step active"><span class="step-nb">4</span> <span class="step-label">{intl l="Secure payment"}</span></a>
-            </div>
+            {include file="misc/checkout-progress.tpl" step="last"}
 
             {loop type="order" name="placed-order" id=$placed_order_id}