core/common/progress-bar.component.ts
selector | c8y-progress-bar |
templateUrl | ./progress-bar.component.html |
Inputs |
message
|
Type :
Default value : |
progress
|
Type :
Default value : |
<div>
<p *ngIf="message">
{{ message | translate }}
</p>
<div class="progress progress-striped active" *ngIf="progress !== null">
<div
class="progress-bar"
role="progressbar"
[attr.aria-valuenow]="progress"
aria-valuemin="0"
aria-valuemax="100"
[style.width]="progress + '%'"
></div>
</div>
<div class="spinner" *ngIf="progress === null" style="position: relative;">
<div class="rect1"></div>
<div class="rect2"></div>
<div class="rect3"></div>
<div class="rect4"></div>
<div class="rect5"></div>
</div>
</div>