JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.wijmo.com/jquery.wijmo-open.1.4.0.min.js"></script>
<link rel="stylesheet" href="http://cdn.wijmo.com/themes/rocket/jquery-wijmo.css">
<link rel="stylesheet" href="http://cdn.wijmo.com/jquery.wijmo-open.1.4.0.css">
<div style="width:400px;height:30px" id="proBarAdherence"></div>

JavaScript

$("#proBarAdherence").wijprogressbar({
            
    value: 6.9,
    animationOptions: {
        duration: 1000
    },

    maxValue: 39,
    //indicatorImage: '/images/progbar_red.png',
    labelAlign: 'running',
    labelFormatString: '{0}',
    beforeProgressChanging: function(e, data) {
        console.log('beforeprogresschanging',data);
    },
    progressChanging: function(e, data) {
        console.log('progresschanging',data);
        data.newValue = Math.round(data.oldValue);


    },
    progressChanged: function(e, data) {
        console.log('progresschanged',data);
    }
});