Kendo UI for jQuery

jQuery CircularProgressBar

  • Instead of using the typical linear progress bar, use this jQuery component to show progress on a circular gauge.
  • Part of the Kendo UI for jQuery library along with 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.
_Original Kendoka_3
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The jQuery CircularProgressBar functions just as a typical linear progress bar except it shows progress of process on a circle, much like a gauge. This is great for any process where you need to show users progress. It is commonly used for loading pages, files, or data, but can also be used for user processes such as multi-step forms.

    See the jQuery CircularProgressBar demo

    CircularProgressBar - Overview
  • Indeterminate Progress

    In cases where the total time a loading process will take is not determined, you can use this mode to show infinite progress. It essentially becomes a loading indicator. All you need to do is set the “indeterminate” property to true.

    See the jQuery CircularProgressBar Indeterminate Progress demo

    Circular_Progress_Bar
  • Center Templates

    Much like the circular gauge, the jQuery CircluarProgressBar allows you to display custom text or HTML in the center. This is typically used to show percentage progress.

    See the jQuery CircularProgressBar Templates demo

    KendoUI_jQuery-CircularProgressBar
  • Colors

    The colors feature helps you make this version of the progress bar really stand out. By setting a few properties, you can render the indicator in a different color based on the value.

    See the jQuery CircularProgressBar Colors demo

    KendoUI_jQuery-CircularProgressBar-Colors