The HTML markup for a wijlineargauge widget looks like this.
Markup |
Copy Code |
---|---|
<div id="gauge"></div> |
You can use CSS styles to set the size of the widget.
Style |
Copy Code |
---|---|
<style type="text/css"> #gauge.wijlineargauge { width: 400; } </style> |
You can initialize the widget with the following jQuery script.
Drop down to view script
Script |
Copy Code |
---|---|
<script id="scriptInit" type="text/javascript"> $(document).ready(function () { $("#gauge").wijlineargauge({ width: 400, height: 100, value: 50, max: 100, min: 0 }); }); </script> |
The markup and script featured here results in the following live widget. Mouse over LinearGauge to see the animation.