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.

The ProgressBar Component is part of Kendo UI for Angular, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the ProgressBar in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • Value and rangesThe ProgressBar enables you to set a value or a range of values as well as to indicate the progress of an ongoing task.
  • Disabled ProgressBarYou can use the configuration options of the ProgressBar to disable the component so that users are not able to interact with it.
  • OrientationThe ProgressBar provides options for rendering it horizontally or vertically.
  • DirectionYou can use the ProgressBar configuration to reverse its direction.
  • Custom labelThe ProgressBar enables you to render a label displaying the progress status of the task and delivers options for setting its visibility, formatting, and position.
  • AnimationThe ProgressBar provides a number of settings for configuring its animation behavior such as enable or disable the animation, set its duration, and more.
  • AppearanceThe ProgressBar provides a number of options for styling its appearance such as defining its width and height, and more.
  • GlobalizationAll Kendo UI for Angular ProgressBars provide globalization options.

In this article

Not finding the help you need?