JSFiddle - React, Tailwind, and code Playground
HTML
<script src="https://rawgit.com/kimmobrunfeldt/progressbar.js/master/dist/progressbar.js"></script>
<div id="example-percent-container"></div>
CSS
#example-percent-container{
width: 300px;
height:300px;
}
JavaScript
var circle = new ProgressBar.Circle('#example-percent-container', {
color: '#FCB03C',
strokeWidth: 10,
trailWidth: 10,
duration: 1500,
text: {
value: '80%'
},
step: function(state, bar) {
bar.setText((bar.value() * 100).toFixed(0));
}
});
circle.animate(0.4});