JSFiddle - React, Tailwind, and code Playground

by codecowboy

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: 5,
      animationOptions: {
        duration: 1000
      },

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


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

      }
    });