@progress/kendo-angular-progressbar
Version:
Kendo UI Angular component starter template
57 lines (40 loc) • 6.16 kB
Markdown
<a href="https://www.telerik.com/kendo-angular-ui/components/progressbars" target="_blank">
<img width="631" src="https://demos.telerik.com/kendo-angular-ui/assets/banner/npm-banner.svg">
</a>
> * This package is part of [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/)—a commercial UI library.
> * To use this package, you must install a license key file, whether you are on a paid license or a 30-day free trial. To receive a license key, either [purchase a license](https://www.telerik.com/purchase/kendo-ui) or start a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui).
> * Adding a valid license key file ensures a seamless experience during the trial period—no watermarks, no warnings, and full access to all components and features.
> * Trial users can register for a free license key file. Without it, your trial may be interrupted by visual indicators or functionality limitations.
> * Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI for Angular team!
> * Learn more: https://www.telerik.com/kendo-angular-ui/components/licensing
>
> [Start using Kendo UI for Angular](https://www.telerik.com/download-login-v2-kendo-angular-ui) and speed up your development process!
The [Kendo UI for Angular ProgressBars](https://www.telerik.com/kendo-angular-ui/components/progressbars) package contains a set of components display the progress of an ongoing task.
The [Angular ProgressBars](https://www.telerik.com/kendo-angular-ui/components/progressbars) package includes three built-in components:
* [Angular ChunkProgressBar Component](https://www.telerik.com/kendo-angular-ui/components/progressbars/chunkprogressbar)—Displays and tracks the progress of a task as a predefined number of chunks, and supports horizontal and vertical orientation, as well as rendering in different directions.
* [Angular CircularProgressBar Component](https://www.telerik.com/kendo-angular-ui/components/progressbars/circularprogressbar)—Displays and tracks the progress of a task on an arc over a fully enclosed circle, allows for custom center templates and different colors depending on the progress.
* [Angular ProgressBar Component](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar)—Displays and tracks the progress of a task, supports multiple label formats, horizontal and vertical orientation as well as rendering in different directions.
Among the many features which the Kendo UI for Angular ProgressBars deliver are:
* [Orientation](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/orientation)—You can customize the orientation of the ProgressBars components, choosing between a horizontal and a vertical layout.
* [Direction](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/direction)—You can reverse the direction of the ProgressBars by setting their `reverse` option to `true`.
* [Appearance](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/appearance)—The ProgressBars enable you to set their height and width, as well as implement custom styling for their status indicator and label.
* [Disabled ProgressBars](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/disabled)—You can choose to render the ProgressBars in their disabled state so that, if need be present, users will not be able to interact with them.
* [Indeterminate State](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/indeterminate)—The ProgressBars allow you to indicate that a task is still in progress by setting an indeterminate state for the components.
* [Globalization](https://www.telerik.com/kendo-angular-ui/components/progressbars/globalization)—The ProgressBars support globalization to ensure that they can fit well in any application, no matter what languages and locales need to be supported. Additionally, the components support rendering in a right-to-left (RTL) direction.
* [Accessibility](https://www.telerik.com/kendo-angular-ui/components/progressbars/progressbar/accessibility)—The ProgressBars are accessible for screen readers and support WAI-ARIA attributes.
For any issues you might encounter while working with the Kendo UI for Angular ProgressBars, you have the following support channels available:
* Industry-leading technical support—Kendo UI for Angular paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the [dedicated Kendo UI for Angular support system](https://www.telerik.com/account/support-tickets).
* Product forums—The [Kendo UI for Angular forums](https://www.telerik.com/forums/kendo-angular-ui) are part of the free support you can get from the community and from the Kendo UI for Angular team.
* Feedback portal—The [Kendo UI for Angular feedback portal](https://feedback.telerik.com/kendo-angular-ui) is where you can request and vote for new features to be added.
* [Getting Started with Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/getting-started)
* [Getting Started with the Kendo UI for Angular ProgressBars](https://www.telerik.com/kendo-angular-ui/components/progressbars/installation/getting-started)
* [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
* [Blogs](http://www.telerik.com/blogs/kendo-ui)
* [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
*Copyright © 2025 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
*Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*