Anil Singh | Code-sample.com

The <mat-progress-bar> is a horizontal progress-bar for indicating progress and activity. The progress-bar supports four modes - 1.       Determinate - These operations perform where the percentage of the operation complete . 2.       Indeterminate - These operations perform where the user is asked to wait while something. 3.       Buffer - These operations perform where the user wants to indicate some activity or loading from the server . 4.       Query - These operations perform where the user wants to indicate pre-loading For the Accessibility - Each progress bar should be given a meaningful label – 1.       aria-label or 2.       aria-labelledby The example for Progress-bar as following – progress-bar.html – < mat-progress-bar mode = "indeterminate" ></ mat-progress-bar > ...