Progress Bar

<!-- Progress Wrapper -->
<div class="w-80 space-y-1"></div>
 
<!-- Progress Header -->
<div class="flex items-center justify-between text-sm font-medium text-main-text"></div>
 
<!-- Progress Title -->
<h5>Progress Title</h5>
 
<!-- Progress Description -->
<p>Progress Description</p>
 
<!-- Progress Bar -->
<div class="relative h-2 w-full overflow-hidden rounded-full bg-muted">
  <div
    class="h-full bg-primary"
    role="progressbar"
    style="transform: scaleX(0.75); transform-origin: left center"></div>
</div>
 
<!-- Progress Footer -->
<div class="flex items-center justify-between text-xs text-muted-text"></div>