Orientation

To set the ChunkProgressBar orientation, use the orientation option.

By default, orientation is set to horizontal.

@Component({
    selector: 'my-app',
    template: `
        <div class="row">
          <div class="col-xs-12 col-sm-6 col-lg-3 example-col">
            <p>Horizontal ProgressBar</p>
            <kendo-chunkprogressbar [value]="50"></kendo-chunkprogressbar>
          </div>

         <div class="col-xs-12 col-sm-6 col-lg-3 example-col">
            <p>Vertical ProgressBar</p>
            <kendo-chunkprogressbar orientation="vertical" [value]="50"></kendo-chunkprogressbar>
          </div>
        </div>
    `
})
class AppComponent {}

In this article