@engie-group/fluid-design-system-angular/src/components/progress/progress.component.html

Fluid Design System Angular

<div class="nj-progress"
     role="progressbar"
     [ngClass]="[getTransitionClass(), getDescriptionPositionClass()]"
     *ngIf="getFormattedPercentage() as percentage"
     [attr.aria-valuenow]="value"
     [attr.aria-valuemin]="min"
     [attr.aria-valuemax]="max"
     [attr.aria-label]="label">
  <div class="nj-progress__bar">
    <div class="nj-progress__indicator"
         [style.width.%]="percentage"
         @progressFill
         [@.disabled]="!isAnimated">
    </div>
  </div>
  <div aria-hidden="true" class="nj-progress__description" *ngIf="descriptionPosition !== 'none'">
    {{getFormattedPercentage()}}%
  </div>
</div>