<p-progressBar [value]="value"></p-progressBar>
Indeterminate has no such a requirement and is simple enabled using mode property.
Name | Element |
---|---|
ui-progressbar | Container element. |
ui-progressbar-determinate | Container element of a determinate progressbar. |
ui-progressbar-indeterminate | Container element of an indeterminate progressbar. |
ui-progressbar-value | Element whose width changes according to value. |
ui-progressbar-label | Label element that displays the current value. |
None.
Source
export class ProgressBarDemo {
constructor(private messageService: MessageService) {}
ngOnInit() {
let interval = setInterval(() => {
this.value = 100;
this.messageService.add({severity: 'info', summary: 'Success', detail: 'Process Completed'});
clearInterval(interval);
}
}, 2000);
}
}