<div
  aria-valuemax="100"
  aria-valuemin="0"
  role="progressbar"
  data-state="indeterminate"
  data-max="100"
  class="relative h-4 overflow-hidden rounded-full bg-secondary w-[60%]"
  data-controller="ui--progress">

  <div
    data-state="indeterminate"
    data-max="100"
    class="h-full w-full flex-1 bg-primary "
    style="transform: translateX(-50%)" data-ui--progress-target="progress"></div>
</div>