<ul class="opc-progress-bar">
      <!-- ko foreach: { data: steps().sort(sortItems), as: 'item' } -->
      <li class="opc-progress-bar-item" data-bind="css: item.isVisible() ? '_active' : ($parent.isProcessed(item) ? '_complete' : '')">
      <span data-bind="i18n: item.title, click: $parent.navigateTo"></span>
      </li>
      <!-- /ko -->
      <li class="opc-progress-bar-item">
          <span data-bind="i18n: 'Success'"></span>
      </li>
 </ul>

<block class="MagentoFrameworkViewElementTemplate" name="checkout.progress.bar" template="BB_Checkout::progress-bar.phtml"
 cacheable="false"/>

<ul class="opc-progress-bar">
<li class="opc-progress-bar-item _complete">
    <span data-bind="i18n: 'Shipping'"></span>
</li>
<li class="opc-progress-bar-item _complete">
    <span data-bind="i18n: 'Review & Payments'"></span>
</li>
<li class="opc-progress-bar-item _active _complete">
    <span data-bind="i18n: 'Success'"></span>
</li>