Kendo UI for jQuery

jQuery ProgressBar

  • The jQuery ProgressBar represents the progress of long-running operations or end-user actions with built-in animations and options including horizontal and vertical orientation, reversed direction and more.
  • Part of the Kendo UI for jQuery library along with more than 100 professionally designed components developers trust for all their jQuery UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms, and a 3-million-strong developer community.
ProgressBar
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The jQuery ProgressBar enables you to display the progress of end-user actions, such as filling out a survey, or system-oriented processes like download progress. With the help of the Kendo UI for jQuery ProgressBar control, you can let your users view the progress of your application’s operations rather than keeping them guessing.

    See the jQuery ProgressBar demo

    progressbar-overview
  • Optional Chunk ProgressBar

    As an alternative to a bar showing a percentage complete, this option will show a process in chunks. Predefine a number of steps (chunks) in a process and show the user where they are.

    See the jQuery Chunk ProgressBar demo

    progressbar-chunkprogressbar
  • Vertical or Horizontal Orientation

    With the simple switch of a setting, you can change the orientation of the jQuery ProgressBar from the default horizontal to vertical.

    See the jQuery Vertical ProgressBar demo

    progressbar-orientation
  • Custom Labels

    Make sure the jQuery ProgressBar fits in your layout, look, and feel by configuring the label’s position, visibility and custom content.  

    See the jQuery ProgressBar Custom Labels demo

    progressbar-labels
  • RTL Support

    Right-to-left support is available for languages like Arabic and Hebrew, in which users read from right to left. You can satisfy any script preference and ease user interaction by toggling between left-to-right and right-to-let alignment with only a few settings.  

    See the jQuery ProgressBar RTL Support demo

    rtl-support