clients/libs/components/src/progress/progress.component.html

<div [ngClass]="outerBarStyles">
  <div
    [ngClass]="innerBarStyles"
    role="progressbar"
    aria-valuemin="0"
    aria-valuemax="100"
    attr.aria-valuenow="{{ barWidth }}"
    [ngStyle]="{ width: barWidth + '%' }"
  >
    @if (displayText) {
      <div class="tw-flex tw-h-full tw-flex-wrap tw-items-center tw-overflow-hidden">
        <!-- If text is too long to fit, wrap it below to hide -->
        <div class="tw-h-full">&nbsp;</div>
        <div class="tw-pr-1">{{ textContent }}</div>
      </div>
    }
  </div>
</div>