JSFiddle - React, Tailwind, and code Playground

by ozzon91

HTML

<script src="http://alpaca.org.ua/tpl/js/jquery.circular-progress-bar.js"></script>
<div class="slider"></div>
<div id="progBarContainer"></div>

CSS

#progBarContainer {
    margin-top: 50px;
}

JavaScript

var go = 0;
var progBar =  circularProgressBar.init(50, 15, $('#progBarContainer'), '#d78328', '#fff', '#fff');

        $('.slider').slider({
            values: [0, 101],
            slide: function(event, ui) {
                progBar.setValue( ui.value );
            }
        });