Kendo UI for Angular

Angular ChunkProgressBar

  • Display the progress of a task though a predefined number of chunks with a horizontal or vertical progress bars.
  • Part of the Kendo UI for Angular library along with more than 100 professionally-designed components developers trust for all their Angular UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms and a 3-million-strong developer community.
Angular UI Component Library
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.

    Kendo UI for Angular ChunkProgressBar - Overview
  • 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.

    Kendo UI for Angular ChunkProgressBar - Value and Ranges
  • 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.

    Kendo UI for Angular ChunkProgressBar - Value and Ranges
  • Orientation

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

    See Angular ChunkProgressBar Orientation demo.

    Kendo UI for Angular ChunkProgressBar - Orientation
  • 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.

    Kendo UI for Angular ChunkProgressBar - Direction
  • 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.

    Kendo UI for Angular ChunkProgressBar - Appearance
  • 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.

    Kendo UI for Angular ChunkProgressBar - Globalization
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI