The Linear Gauge widget is used to let users quickly understand where a value lies in a certain range. All graphics are rendered on the client using SVG with a fallback to VML for legacy browsers.

Getting Started

1. Create a simple HTML div (optionally set a height and width with CSS)

<div id="linear-gauge"></div>

2. Initialize the Kendo UI Linear Gauge with default configuration

   $(document).ready(function() {
       $("#linear-gauge").kendoLinearGauge();
   });
</p>

Create a horizontal linear gauge with value 20 and mininum value 10

    $("#linear-gauge").kendoLinearGauge({
        pointer: {
            value: 20
        },
        scale: {
            min: 10,
            vertical: false
        }
    });