We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Trusted by the world’s leading companies

Syncfusion Trusted Companies


The jQuery circular gauge looks like a speedometer in the vehicles. The elements of the gauge such as pointer, pointer cap, scales, ticks, labels, and state indicators can be easily customized.

Easy Customization

The look and feel of a gauge is easily customized by changing the styles of the pointer, pointer cap, scales, ticks, labels, and state indicators.

jQuery Circular gauge

jQuery Circular gauge with indicators

State Indicator Styles

The state indicator styles available within circular gauges are circular LED, rectangular LED, rounded rectangular LED, and the normal text. The main purpose of this indicator is to show the current state of the gauge with a specific color, based on its current value.

Custom labels

The jQuery circular gauge control supports custom labels. These labels display custom text and can be customized by location, background color, and size.

jQuery Circular gauge with custom labels

jQuery Circular gauge with ranges

Range Indicators

The gauge control supports range indicators that can be used to highlight each specific range within a gauge scale with a different color. The users can specify their required start and end values for each range indicator within the gauge. They can also be located at different positions — such as cross (across the scale), inside (below the scale), and outside (above the scale).

Multiple Scales and Pointers

jQuery Gauges can be customized with multiple scales and pointers within a single gauge. Any number of scale elements and pointers can be added to a gauge.

jQuery Circular gauge with pointers

jQuery Circular gauge with label format

Label Format

The circular gauge control provides various formatting options for labels to be displayed in any desirable format. For instance, the percent symbol can be specified to be appended after the label value.

Label Tick Customization

The appearance of a label tick mark in a circular gauge can be easily customized with its available options. The height and width of the text, its distance from the scale, and also its color can be easily customized.

jQuery Circular gauge with ticks

 jQuery Circular gauge with tooltip

Label Tooltip

Tooltip will be displayed for the gauge label and custom labels. The tooltip can be customized with templates.

Outer Custom Label

An outer custom label can be displayed on the top, left, right, and bottom of the gauge.

jQuery Circular gauge with outer label

Export jQuery circular gauge


The jQuery gauge control provides support for exporting a gauge control into various image formats. Circular gauges can be exported into formats such as .jpg, .bmp, or .gif.

Pointer Image

The circular gauge control provides support to replace the pointer with an image. Image pointer is applicable for marker and needle type pointers.

jQuery Circular gauge with pointer


The legend will provide additional information and helpful in identifying the individual ranges in gauge. Circular gauge also provides various options to customize the position, alignment, shape, size, border and font of the legend.

jQuery Circular gauge with legend

75+ jQuery UI WIDGETS

Integrates with Top Frameworks

Built-in integration with the most popular third-party frameworks, like Angular 2+, and React.

Our Customers Love Us

Having an excellent set of tools and a great support team, Syncfusion reduces customers’ development time.
Here are some of their experiences.

Rated by users across the globe

Transform your applications today by downloading our free evaluation version Download Free Trial

Syncfusion jQuery Resources


Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile