JSFiddle - React, Tailwind, and code Playground

by wisegorilla

HTML

<h4>HTML</h4>

<div id="progressbar">
    <div class="progress-label"></div>
</div>

JavaScript

$(function() {
  var progressbar = $("#progressbar"),
    progressLabel = $(".progress-label");

  progressbar.progressbar({
    value: false,
    change: function() {
      progressLabel.text(progressbar.progressbar("value") + "%");
    },
  });

  function progress() {
    var val = progressbar.progressbar("value") || 0;
    progressbar.progressbar("value", 10);
  }

  progress();
});