JSFiddle - React, Tailwind, and code Playground

by shruthi

HTML

<input id="prbutton" type="button" value="Show Progress" />
<input id="prbutton1" type="button" value="Hide Progress" />
<div id="progressbar"></div>

JavaScript

$(function () {

    var value = 10;

    $("#prbutton").click(function () {
        $("#progressbar").show();
        $("#progressbar").progressbar({
            value: value += 10
        });
    });

    $("#prbutton1").click(function () {
        $("#progressbar").hide();
    });
});