Kendo UI for Angular ProgressBar Overview
The ProgressBar displays and tracks the progress of a task, and supports multiple label formats, horizontal and vertical orientationas well as rendering in different directions.
Start Free Trial
The following example demonstrates the ProgressBar in action.
Change Theme
Theme
Loading ...
Key Features
- Value and ranges—The ProgressBar enables you to set a value or a range of values as well as to indicate the progress of an ongoing task.
- Disabled ProgressBar—You can use the configuration options of the ProgressBar to disable the component so that users are not able to interact with it.
- Orientation—The ProgressBar provides options for rendering it horizontally or vertically.
- Direction—You can use the ProgressBar configuration to reverse its direction.
- Custom label—The ProgressBar enables you to render a label displaying the progress status of the task and delivers options for setting its visibility, formatting, and position.
- Indeterminate state—The ProgressBar enables you to visualize that an action is still in progress by using the supported API to set it to its indeterminate state.
- Animation—The ProgressBar provides a number of settings for configuring its animation behavior such as enable or disable the animation, set its duration, and more.
- Appearance—The ProgressBar provides a number of options for styling its appearance such as defining its width and height, and more.
- Globalization—All Kendo UI for Angular ProgressBars provide globalization options.
Support and Learning Resources
- ProgressBar Homepage
- Getting Started with the Kendo UI for Angular ProgressBars
- API Reference of the ProgressBar
- Getting Started with Kendo UI for Angular (Online Guide)
- Getting Started with Kendo UI for Angular (Video Tutorial)
- Video Courses
- ProgressBar Forum
- Before You Start: All Things Angular (Telerik Blog Post)
- Knowledge Base