JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script>
<script src="http://jquery-ui.googlecode.com/svn/tags/latest/external/jquery.bgiframe-2.1.2.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/i18n/jquery-ui-i18n.min.js" type="text/javascript"></script>

    






<div id="slider"></div>
    
    sliderValue:

<input type="text" id="slider_value" style="border:0; color:#f6931f; font-weight:bold;" />

JavaScript

$(function() {
        $("#slider").slider({                   
                value: 50,
                min: 0,
                max: 99,
                step: 1,
                slide: function(event, ui) {
                        $("#slider_value").val(ui.value);
                          }
        });
        $("#slider_value").val($("#slider").slider("value"));
        
        
    });