background

Kendo UI for Angular

Angular ChunkProgressBar

  • Display the progress of a task through a predefined number of chunks with a horizontal or vertical progress bars.
  • Part of the Kendo UI for Angular library along with 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
ChunkProgressBar
  • Track Process Progress in Segments

    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

All Kendo UI for Angular Components

Next Steps

Get Started with Kendo UI for Angular

Kendo UI for Angular - Kendoka