igniteui-angular-sovn/src/lib/progressbar/templates/linear-bar.component.html

Ignite UI for Angular is a dependency-free Angular toolkit for building modern web apps

<div class="igx-linear-bar__base">
    <div #indicator class="igx-linear-bar__indicator" [style.width]="0"></div>
    <div class="igx-linear-bar__indicator-secondary"></div>
</div>

<span
    class="igx-linear-bar__value"
    [ngClass]="{
        'igx-linear-bar__value--start': textAlign === 'start',
        'igx-linear-bar__value--center': textAlign === 'center',
        'igx-linear-bar__value--end': textAlign === 'end',
        'igx-linear-bar__value--top': textTop,
        'igx-linear-bar__value--hidden': !textVisibility
    }">
        {{text ? text : valueInPercent + '%'}}
</span>