KendoReact ProgressBar Overview

The ProgressBar displays and tracks the progress of a task.

It supports different label formats, horizontal and vertical orientation, and also different directions.


The following example demonstrates the ProgressBar in action.

Example
View Source
Change Theme:

The ProgressBar 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 ProgressBar and the rest of the ProgressBars, see the Getting Started with the KendoReact ProgressBars guide.

Key Features

  • Value and rangesYou can set the value and the value range of the ProgressBar component.
  • Disabled ProgressBarYou can disable the KendoReact ProgressBar component.
  • OrientationYou can set the orientation to horizontal or vertical.
  • DirectionYou can reserve the direction of the ProgressBar component.
  • Custom labelYou can add custom labels to the ProgressBar component.
  • AnimationYou can animate the ProgressBar when the value is changing.
  • AppearanceYou can quickly style the ProgressBar by choosing from the predefined styling options.
  • GlobalizationThe built-in globalization support allows you to create apps that are ready to be implemented worldwide.

In this article

Not finding the help you need?