ChunkProgressBarComponent

Represents the Kendo UI ChunkProgressBar component for Angular.

typescript

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  template: `
    <kendo-chunkprogressbar
      [value]="progressValue"
      [chunkCount]="8">
    </kendo-chunkprogressbar>
  `
})
export class AppComponent {
  public progressValue: number = 40;
}

Selector

kendo-chunkprogressbar

Export Name

Accessible in templates as #kendoChunkProgressBarInstance="kendoChunkProgressBar"

Inputs

Name	Type	Default	Description
chunkCount	number	5	Sets the number of chunks into which the ChunkProgressBar will be split.
disabled	boolean		If set to true, the ProgressBar will be disabled (see example). It will still allow you to change its value. Defaults to false.
emptyCssClass	string | string[] | Set<string> | {[key: string]: any}		Sets the CSS classes that will be rendered on the empty chunk elements (see example). Supports the type of values that ngClass supports.
emptyCssStyle	{[key: string]: string}		Sets the CSS styles that will be rendered on the empty chunk elements (see example). Supports the type of values that ngStyle supports.
indeterminate	boolean		Sets the indeterminate state of the ProgressBar. Defaults to false.
max	number		The maximum value of the ProgressBar. Defaults to 100.
min	number		The minimum value of the ProgressBar. Defaults to 0.
orientation	ProgressBarOrientation		Defines the orientation of the ProgressBar (see example). Defaults to horizontal.
progressCssClass	string | string[] | Set<string> | {[key: string]: string}		Sets the CSS classes that will be rendered on the full chunk elements (see example). Supports the type of values that ngClass supports.
progressCssStyle	{[key: string]: any}		Sets the CSS styles that will be rendered on the full chunk elements (see example). Supports the type of values that ngStyle supports.
reverse	boolean		If set to true, the ProgressBar will be reversed (see example). Defaults to false.
value	number		The value of the ProgressBar. Has to be between min and max. Defaults to 0.