1. <p-progressBar [value]="value"></p-progressBar>
    2.  

    Indeterminate has no such a requirement and is simple enabled using mode property.

    1.  
    NameElement
    ui-progressbarContainer element.
    ui-progressbar-determinateContainer element of a determinate progressbar.
    ui-progressbar-indeterminateContainer element of an indeterminate progressbar.
    ui-progressbar-valueElement whose width changes according to value.
    ui-progressbar-labelLabel element that displays the current value.

    None.

    Source

    1. export class ProgressBarDemo {
    2. constructor(private messageService: MessageService) {}
    3. ngOnInit() {
    4. let interval = setInterval(() => {
    5. this.value = 100;
    6. this.messageService.add({severity: 'info', summary: 'Success', detail: 'Process Completed'});
    7. clearInterval(interval);
    8. }
    9. }, 2000);
    10. }
    11. }
    12.