mirror of
https://github.com/akveo/ngx-admin.git
synced 2026-01-01 07:08:49 +01:00
27 lines
598 B
TypeScript
27 lines
598 B
TypeScript
import { Component } from '@angular/core';
|
|
|
|
@Component({
|
|
selector: 'ngx-interactive-progress-bar',
|
|
templateUrl: 'interactive-progress-bar.component.html',
|
|
styleUrls: ['interactive-progress-bar.component.scss'],
|
|
})
|
|
export class InteractiveProgressBarComponent {
|
|
|
|
value = 25;
|
|
|
|
setValue(newValue) {
|
|
this.value = Math.min(Math.max(newValue, 0), 100);
|
|
}
|
|
|
|
get status() {
|
|
if (this.value <= 25) {
|
|
return 'danger';
|
|
} else if (this.value <= 50) {
|
|
return 'warning';
|
|
} else if (this.value <= 75) {
|
|
return 'info';
|
|
} else {
|
|
return 'success';
|
|
}
|
|
}
|
|
}
|