@if (!indeterminate) {
  <div
    role="progressbar"
    [attr.aria-valuenow]="value"
    aria-valuemin="0"
    aria-valuemax="100"
    aria-live="polite"
    class="po-progress-bar-default"
  >
    <div class="po-progress-bar-element po-progress-bar-primary"></div>
    <div class="po-progress-bar-element po-progress-bar-secondary" [style.left]="'-' + (100 - value) + '%'"></div>
  </div>
}

@if (indeterminate) {
  <div class="po-progress-bar-indeterminate-track">
    <div class="po-progress-bar-indeterminate-track-bar"></div>
  </div>
}