<ul class="breadcrumbs">
  <li><a href="#">Home</a></li>
  <li class="unavailable"><a href="#">Education</a></li>
  <li><a href="#">Stocks</a></li>
  <li class="current"><a href="#">Professional Stock Trader</a></li>
</ul>
  1. Payment
  2. Review
  3. Receipt
<ol class="process-crumbs three-steps">
  <li class="step on"><a href="#">Payment</a></li>
  <li class="step">Review</li>
  <li class="step">Receipt</li>
</ol>

<ul class="process-crumbs four-steps">
  <li class="step on"><a href="#">Cart</a></li>
  <li class="step on"><a href="#">Payment</a></li>
  <li class="step">Review</li>
  <li class="step">Receipt</li>
</ul>