JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<div id="progressbar"></div>
<p class="inc">+</p>
<p class="dec">-</p>
<p id="values"></p>

JavaScript

$("#progressbar").progressbar({
    value: 50
});

var setProgressBarValue = function(dir) {
    var step = 1;
    var multi = $(this).hasClass('inc') ? 1 : -1
    $('#progressbar').progressbar('value', $('#progressbar').progressbar('value') + (step * multi));
    $("#values").text($("#progressbar").progressbar("value"))
}

$('.inc, .dec').click(setProgressBarValue);