JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://raw.github.com/aterrien/jQuery-Knob/master/js/jquery.knob.js"></script>
<input class="knob animated" value="0" rel="60" />
JavaScript
$('.knob').each(function () {
var $this = $(this);
var myVal = $this.attr("rel");
$this.knob({
readOnly: true
});
$({
value: 0
}).animate({
value: myVal
}, {
duration: 2000,
easing: 'swing',
step: function () {
$this.val(Math.ceil(this.value)).trigger('change');
}
})
});