Kendo UI for Vue Native ChunkProgressBar Overview
The ChunkProgressBar displays and tracks the progress of a task as a predefined number of chunks.
It supports horizontal and vertical orientation, and different directions.
The following example demonstrates the ChunkProgressBar in action.
The ChunkProgressBar is part of the Kendo UI for Vue Native ProgressBars component library. The procedures for installing, importing, and using the ProgressBars are identical for all components in the package. To learn how to use the ChunkProgressBar and the rest of the ProgressBars, see the Getting Started with the Kendo UI for Vue Native ProgressBars guide.
Key Features
- Value and ranges—You can set the value and the value range of the ChunkProgressBar component.
- Disabled ChunkProgressBar—You can disable the Kendo UI for Vue Native ChunkProgressBar component.
- Orientation—You can set the orientation to
horizontal
orvertical
. - Direction—You can reserve the direction of the ChunkProgressBar component.
- Appearance—You can quickly style the ChunkProgressBar by choosing from the predefined styling options.
- Globalization—The built-in globalization support allows you to create apps that are ready to be implemented worldwide.
Support and Learning Resources
- ChunkProgressBar Homepage
- Getting Started with the Kendo UI Vue ProgressBars
- API Reference of the ChunkProgressBar
- Getting Started with Kendo UI for Vue - JavaScript (Online Guide)
- Getting Started with Kendo UI for Vue - TypeScript (Online Guide)
- Getting Started with Kendo UI for Vue - JavaScript + Options API (Online Guide)
- Getting Started with Kendo UI for Vue - TypeScript + Options API (Online Guide)
- Getting Started with Kendo UI for Vue - Nuxt 3 (Online Guide)
- Virtual Classroom (Training Course for Registered Users)
- ChunkProgressBar Forum
- Knowledge Base
- Kendo UI Productivity Tools extension for VS Code