bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-14 07:13:32 +00:00
Code Issues Releases Wiki Activity

add progress component, template, and stories (#4437)

Browse Source
This commit is contained in:
rr-bw
2023-01-24 08:23:22 -08:00
committed by GitHub
parent b27e2605d5
commit 9e1e1ba4eb
5 changed files with 128 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
libs/components/src/progress/progress.component.html Normal file
View File

@@ -0,0 +1,19 @@
<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">&nbsp;</div>
<div class="tw-pr-1">{{ textContent }}</div>
</div>
</div>
</div>