jQuery Bend example1

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/raphael/2.1.0/raphael-min.js"></script>
<script src="https://rawgithub.com/er1z/jquery-bend-gauge/master/jquery.bend-gauge.js"></script>
<div id="control"></div>
<a href="#" class="start">start flashing</a> :: 
<a href="#" class="stop">stop</a>

CSS

body {
    background: #333;
}
a {
    color:#FFF
}
#control {
    width: 200px;
    height: 200px;
}

JavaScript

var control = $('#control').bendGauge();

control.bendGauge('set', [1,2,3,4,5,6,7,8]);

$('a').click(function (e) {
    e.preventDefault();
});

$('.start').click(function () {
    control.bendGauge('rotate', 10);
});

$('.stop').click(function () {
    control.bendGauge('stop');
});