Kendo UI for Vue

Vue ChunkProgressBar

  • Visualize a process with a predefined number of slices, or chunks, that make up the total.
  • Part of Kendo UI for Vue library together with other best-in-class native components for building fast and beautiful apps.
  • Comes with outstanding technical support, detailed documentation, and demos.
ChunkProgressBar
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Visualize Any Process in Chunks on a Progress Bar

    The Vue ChunkProgressBar displays and tracks the progress of a task or process in your application through a predefined number of chunks. The component supports both horizontal and vertical rendering modes and has styling options built in.

    See the Vue ChunkProgressBar demo

  • Values and Ranges

    By default, the Vue ChunkProgressBar represents values from 0 to 100. For scenarios where this may not work, the min and max properties can be used to set a defined range of new values.

    See the Vue ChunkProgressBar Values and Ranges demo

  • Orientation

    Since most progress bard display horizontally, that is the default orientation for the Vue ChunkProgressBar component. You can choose to display it vertically and fill it from either top to bottom or bottom to top if you wish.

    See the Vue ChunkProgressBar Orientation demo

  • Direction

    The Vue ChunkProgressBar fills itself from left to right by default but you can specify the reverse.

    See the Vue ChunkProgressBar Direction demo

  • Appearance

    The Vue ChunkProgressBar is styled by the applied theme by default but you can customize it. Options include dimensions and styling of empty and completed chunks.

    See the Vue ChunkProgressBar Apperance demo

kendo

Get Started with Kendo UI for Vue

Kendo UI