JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" value="от 0">
<input type="text" value="до 15000">

<div class="range-controls">
       		 <div class="filter-scroll-bar">
        			<div class="bar">
            		</div>
        	</div>
        
            <div class="scroll-bar min-toggle">  </div>
            
            <div class="scroll-bar max-toggle">  </div>
            
 </div>

CSS

.filter-scroll-bar
{
	
	margin-top:42px;
	width:320px;
	height:2px;
	background:#000;
	
}
.range-controls
{
	position:relative;
   
	
}


.bar
{
	background:green;
	width:80%;
	height:2px;
	
}
.scroll-bar
{
	position:absolute;
	width:4px;
	height:4px;
	border:8px solid yellow;
	background:#000000;
	border-radius:20px;
}
.min-toggle
{
	top:-10px;	
	left:0px;
}
.max-toggle
{
	top:-10px;
	left:250px;
	
}