Kendo UI for Angular

ProgressBar

Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Kendo UI for Angular ProgressBar component displays and tracks the progress of a task or process in your Angular applications. The Angular ProgressBar has various configuration options to control the orientation and direction of the component and styling options to help make it your own.

    See Angular ProgressBar Overview demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Value and Ranges

    You can set the minimum and maximum properties of the Kendo UI for Angular ProgressBar to define what values and value ranges the component represents.

    See Angular ProgressBar Value and Ranges demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Disabled ProgressBar

    When requirements call for the Kendo UI for Angular ProgressBar to prevent user interactions, it be disabled using a single setting.

    See Angular ProgressBar Disabled ProgressBar demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Orientation

    The Kendo UI for Angular ProgressBar can be rendered either in a vertical or a horizontal fashion by defining the orientation setting.

    See Angular ProgressBar Orientation demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Direction

    The direction of the Kendo UI for Angular ProgressBar can be controlled with a single configuration option. This allows the Angular Progress Bar to switch from flowing from left-to-right to right-to-left or from bottom-to-top to top-to-bottom.

    See Angular ProgressBar Direction demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Labels

    You can implement labels with the Kendo UI for Angular ProgressBar to indicate the progress value, such as a percentage. Both the position and the format of the label can be completely customized.

    See Angular ProgressBar Labels demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Animation

    The Kendo UI for Angular ProgressBar can dynamically animate value changes in the component. You can customize animations or disable them altogether.

    See Angular ProgressBar Animation demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Appearance

    You can customize the appearance of the Kendo UI for Angular ProgressBar via various settings. Easily define colors to dynamically represent changes in the value, or adjust the height and width of the component.

    See Angular ProgressBar Appearance demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Globalization

    The Kendo UI for Angular ProgressBar supports globalization scenarios by allowing the component to be rendered in an RTL (right-to-left) fashion.

    See Angular ProgressBar Globalization demo.

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI