KendoReact 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.

Change Theme

Theme

Loading ...

The ChunkProgressBar is part of the KendoReact 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 KendoReact 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 KendoReact ChunkProgressBar component.
• Orientation—You can set the orientation to horizontal or vertical.
• 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.

Suggested Links

• API Reference of the ChunkProgressBar
• API Reference of the ChunkProgressBarProps
• React ChunkProgressBar High-Level Overview