20 lines
532 B
HTML
20 lines
532 B
HTML
<div [ngClass]="outerBarStyles">
|
|
<div
|
|
[ngClass]="innerBarStyles"
|
|
role="progressbar"
|
|
aria-valuemin="0"
|
|
aria-valuemax="100"
|
|
attr.aria-valuenow="{{ barWidth }}"
|
|
[ngStyle]="{ width: barWidth + '%' }"
|
|
>
|
|
<div
|
|
*ngIf="displayText"
|
|
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"> </div>
|
|
<div class="tw-pr-1">{{ textContent }}</div>
|
|
</div>
|
|
</div>
|
|
</div>
|