Disabled State

To disable the ProgressBar, use the disabled option.

By default, disabled is set to false.

@Component({
    selector: 'my-app',
    template: `
        <div class="wrapper">
          <input class="k-checkbox" type="checkbox" id="disabled" [(ngModel)]="disabled" />
          <label class="k-checkbox-label" [attr.for]="'disabled'">Toggle the disabled state</label>
        </div>
        <kendo-progressbar [disabled]="disabled" [value]="20"></kendo-progressbar>
    `,
    styles: [`
      .wrapper {
        padding-bottom: 20px;
      }
    `]
})
class AppComponent {
    public disabled = true;
}

In this article