JSFiddle - React, Tailwind, and code Playground

HTML

<div id="slider-test" class="rcdb-video-seek"></div>

CSS

.rcdb-video-seek{border:1px solid #494949;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #535353), color-stop(1, #333333));background:-moz-linear-gradient(center top, #535353 5%, #333333 100%);background-color:#535353;-moz-box-shadow:inset 0 -3px 3px #333333;-webkit-box-shadow:inset 0 -3px 3px #333333;box-shadow:inset 0 -3px 3px #333333;z-index:1;position:relative;width:90%;height:10px;margin-top:6px;}
.rcdb-video-seek.ui-state-disabled{background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #535353), color-stop(1, #333333));background:-moz-linear-gradient(center top, #535353 5%, #333333 100%);background-color:#535353;opacity:1;}
.rcdb-video-seek .ui-slider-handle{z-index:100;width:16px;height:16px;top:-4px;background:url('../img/slider_handle.png') top left no-repeat;border:none !important;}
.rcdb-video-seek .ui-slider-handle.ui-state-hover{}
.rcdb-video-seek .rcdb-video-buffer{border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #eeeeee));background:-moz-linear-gradient(center top, #ffffff 5%, #eeeeee 100%);background-color:#ffffff;position:absolute;height:10px;z-index:2;opacity:.7;}
.rcdb-video-seek .ui-slider-range{-moz-box-shadow:inset 0 -3px 3px #39a2ce;-webkit-box-shadow:inset 0 -3px 3px #39a2ce;box-shadow:inset 0 -3px 3px #39a2ce;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4cbae8), color-stop(1, #39a2ce));background:-moz-linear-gradient(center top,...

JavaScript

$('#slider-test').slider({
                value: 0,
                step: 0.01,
                orientation: 'horizontal',
                range: 'min',
                max: 10000,
                min: 0,
                animate: true,                    
                slide: function(){                            
                    
                },
                stop: function(e,ui){
                    
                }
            });