KendoReact ProgressBars Overview

The KendoReact Progress Bars is a collection of customizable, responsive, and interactive UI components that you can use to display any form of progress in a React application.

Use React Progress Bars for FreeYou can use the free components from the React Progress Bars package in production—no sign-up or license required. Progress Bars are part of KendoReact, an enterprise-grade UI library with 120+ free and premium components. To test-drive premium components, start a 30-day trial.

The following demo shows the components included in the KendoReact Progress Bars package:

Change Theme

Theme

Loading ...

What are the KendoReact Progress Bars?

The Progress Bars are native KendoReact components built specifically for the React ecosystem and distributed via npm.

@progress/kendo-react-progressbars

Package Contents

The package includes two fully configurable progress bar types that help you create stylish and practical applications.

Free React Progress Bars

The following component is available for use without a commercial license.

ProgressBar

A component for tracking and displaying the progress of a task.

Premium React Progress Bars

The following component requires a commercial license.

ChunkProgressBar

A component for displaying the progress of a task in chunks.

Key Features

The KendoReact Progress Bars provide the following key features. Note that this is not an exhaustive list.

Highly customizable and easy to style appearance
- Built-in appearance options to adjust the dimensions of your Progress Bars
- Built-in themes
- Theme customization
- Self-created themes
Built-in disabled mode via the disabled property
Customize the orientation of your Progress Bars
Control the direction of your Progress Bars via the reverse property
Globalization

How Do the KendoReact Progress Bars Work?

The KendoReact Progress Bars package provides a free React ProgressBar and a premium ChunkProgressBar which requires a commercial license key or an active trial license key. If you need to develop apps using the premium React progress bars or other premium KendoReact components and features, follow the instructions on the My License page to activate your license.

The KendoReact Progress Bars are built natively for React, with no dependencies. They leverage key React concepts such as components-based architecture, props and state management, conditional rendering, and event handling.

You have complete control over your React progress bars and you can extend or override their default behaviors and appearance via props and event handlers.

React Progress Bars with Other KendoReact Components

You can combine multiple KendoReact components with the React progress bars in the same application:

Display a percentage value in a Grid column.
Combine with the Loader to build a loading indicator.
Add a ProgressBar within a Form to indicate progress.

The Progress Bars package is a dependency for multiple other KendoReact components.

React Progress Bars with Other Telerik Components

Based on the frameworks and technologies used in your project, you can combine UI components from different Telerik and Progress suites.

Frequently Asked Questions

Are the KendoReact Progress Bars Free to Use?

The KendoReact Progress Bars package provides a free React ProgressBar and a premium ChunkProgressBar which requires a commercial license key or an active trial license key.

You can start using the free React ProgressBar without any license or registration with Progress or Telerik.

How to Create Progress Bars in React?

To create a progress bar in React, you need to install the KendoReact Progress Bars package and then import the respective progress bar components in your application. After that, you can use the various available progress bar components in your React application. For more information, refer to the Getting Started with the KendoReact Progress Bars article.

How to Upgrade to the Premium Progress Bars?

If you want to use the premium React ChunkProgressBar, UI components, or component features, you need a valid commercial license or an active trial license. A free trial is available, if you want to try out the premium features before purchase.

What are the Available Support Options?

For any questions about the use of KendoReact Progress Bars, or any other KendoReact components, there are several free support options available:

The KendoReact forums are part of the free support you can get from the community and from the KendoReact team on all kinds of general issues.
KendoReact Feedback Portal and KendoReact Roadmap provide information on the features in discussion and also those planned for release.
KendoReact uses GitHub Issues as its bug tracker, and you can submit any related reports there. Also, check out the closed list.

KendoReact license holders and anyone in an active trial can take advantage of the outstanding KendoReact customer support delivered by the developers who built the library. To submit a support ticket, use the Telerik support system.

Need something unique that is tailor-made for your project? Progress offers its Progress Services group that can work with you to create any customized solution that you might need.