Very useful for illustrating a progress towards a goal, the current status of some value within a range of upper and lower bounds, or a summary of some fluctuating metric, Kendo UI supports two sleek gauge controls:
Progress Kendo UI Gauges controls render completely on the client-side, using HTML5 Canvas or the SVG element specification to deliver itself to the user. These standards are widely supported in modern browsers, but the Gauge component has a fallback to VML for older browsers.
You can choose from predefined pointer shapes, customize existing shapes or import images to use. And if you wish to decentralize the pointer to the sides or the bottom of the gauge, simply specify the position of the pointer origin.
You can choose to have the linear gauge either vertical or horizontal. Set the start and sweep angle of the gauge scale as well.
Completely customize the way your gauges render by setting the animation and transition settings for your Kendo UI Gauge control. Choose from an extensive list of transitions to provide an interesting look to your Gauge components.