JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css">
<input type="text" id="amount" name="slider_id" value="120%">
<div id="slider"></div>

JavaScript

$(function () {
     var newVal = $('input').val().replace("%","");
     $('input').val(newVal);
     $("#slider").slider({
         value: $("input[name='slider_id']").val(),
         min: 80,
         max: 500,
         step: 10,
         slide: function (event, ui) {
             $("#amount").val(ui.value + "%");
             $('.display').css('width', ui.value + 'px');
         }
     });
     $("#amount").val($("#slider").slider("value") + "%");
         
 });