CubeCraft-Creations/Control-Center
9
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

CUB-44: add task-progress-bar component with determinate mode and elapsed time

Browse Source
This commit is contained in:
cubecraft-agents[bot]
2026-04-26 13:09:18 +00:00
parent 8d0adeb2e9
commit 14b3dab88b
4 changed files with 210 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
frontend/src/app/components/task-progress-bar/task-progress-bar.component.html Normal file
View File

@@ -0,0 +1,18 @@
<!-- Task Progress Bar: determinate progress with optional elapsed time -->
<div class="task-progress-bar">
<!-- Info row: percentage + optional elapsed -->
<div class="task-progress-bar__info">
<span class="task-progress-bar__percent">{{ clampedProgress }}%</span>
<span *ngIf="showElapsed" class="task-progress-bar__elapsed">
{{ elapsedText }}
</span>
</div>
<!-- Angular Material determinate progress bar -->
<mat-progress-bar
class="task-progress-bar__bar"
mode="determinate"
[value]="clampedProgress"
aria-label="Task progress"
></mat-progress-bar>
</div>