Kendo UI for Angular

ChunkProgressBar

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

    The Kendo UI for Angular ChunkProgressBar displays and tracks progress of a task or process in your application through a predefined number of chunks. The component supports both horizontal and vertical rendering modes.

    See Angular ChunkProgressBar Overview demo.

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

    By default, the Kendo UI for Angular ChunkProgressBar can showcase a process broken down into any number of chunks between zero and 100. You can define both the minimum and maximum value of the ChunkProgressBar to ensure that the component properly represents the underlying process or task.

    See Angular ChunkProgressBar Value and Ranges demo.

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

    When you disable the Kendo UI for Angular ChunkProgressBar, the component immediately changes its visual style, communicating an inactive state to users.

    See Angular ChunkProgressBar Disabled ChunkProgressBar demo.

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

    The Kendo UI for Angular ChunkProgressBar component can be rendered in both horizontal and vertical orientations.

    See Angular ChunkProgressBar Orientation demo.

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

    When in horizontal mode, the Kendo UI for Angular ChunkProgressBar builds progress from left to right or from right to left.  When in vertical mode, the Angular ChunkProgressBar can progress from the bottom to the top or from the top to the bottom. Progress direction can be reversed with a single configuration option.

    See Angular ChunkProgressBar Direction demo.

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

    Many aspects of the appearance of the Kendo UI for Angular ChunkProgressBar can be customized through configuration options. This includes setting the height and width of the component, as well as define different styles for completed, empty and uncompleted chunks.

    See Angular ChunkProgressBar Appearance demo.

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

    The Kendo UI for Angular ChunkProgressBar has support for globalization scenarios by allowing the component to be rendered in an RTL (right-to-left) mode.

    See Angular ChunkProgressBar Globalization demo.

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

Get Started with Kendo UI for Angular

Kendo UI