JSFiddle - React, Tailwind, and code Playground

by mikeys4u

HTML

<div class="progress-bar" data="489"></div>
<div class="progress-bar" data="89"></div>

JavaScript

$(".progress-bar").each(function() {
	var value = $(this).attr("data");
  $(this).radialIndicator({
      barColor: {
          0: '#C50606',
          200: '#E9E900',
         400: '#43DB00'
      },
      percentage: false,
      roundCorner: true,
       minValue: 0,
    maxValue: <?php echo $maxrep ?>,
      initValue: value
  });
});