JSFiddle - React, Tailwind, and code Playground

HTML

<input id="test-1" type="range" class="test-1" min="1" max="50">
<input id="test-2" type="range" class="test-2" min="1" max="50">
<p class="first"></p>

CSS

.first {
  background-color: red;
  height: 10px;
  width: 1px;
}

JavaScript

$(document).ready(function() {

$('input').on('input change keyup', function() {
var inputF = $("#test-1").val(),
    inputS = $("#test-2").val();
  $(".first").css({'width': inputF});
  $(".first").css({'width': inputS});
});
 
});