الخطوات

<ol class="indicators horizontal circle">
  <li class="indicator completed">
    <em class="indicator-bar"></em>
    <i class="indicator-check"></i>
    <div class="indicator-text">
      <label>عنوان الجزئية</label>
      <span>يأتي تفاصيل الجزء هنا مع مساحة جيدة للمحتوى</span>
    </div>
  </li>
  <li class="indicator current">
    <em class="indicator-bar"></em>
    <i class="indicator-check"></i>
    <div class="indicator-text">
      <label>عنوان الجزئية</label>
      <span>يأتي تفاصيل الجزء هنا مع مساحة جيدة للمحتوى</span>
    </div>
  </li>
  <li class="indicator upcoming">
    <em class="indicator-bar"></em>
    <i class="indicator-check"></i>
    <div class="indicator-text">
      <label>عنوان الجزئية</label>
      <span>يأتي تفاصيل الجزء هنا مع مساحة جيدة للمحتوى</span>
    </div>
  </li>
</ol>