input[type=range]{box-sizing:border-box;width:100%;max-width:20rem;appearance:none;margin:0;padding:0 2px;overflow:hidden;border:0;border-radius:1px;outline:none;background:linear-gradient(grey,grey) no-repeat center;background-size:100% 2px;pointer-events:none}
input[type=range]:active,input[type=range]:focus{outline:none}
input[type=range]::-webkit-slider-thumb{height:1rem;width:1rem;border-radius:28px;background-color:#fff;position:relative;margin:5px 0;cursor:pointer;appearance:none;pointer-events:all;box-shadow:0 1px 4px 0.5px rgba(0,0,0,0.25)}
input[type=range]::-webkit-slider-thumb::before{content:" ";display:block;position:absolute;top:13px;left:100%;width:2000px;height:2px}
.multi-range{position:relative;height:50px}
.multi-range input[type=range]{position:absolute}
.multi-range input[type=range]:nth-child(1)::-webkit-slider-thumb::before{background-color:red}
.multi-range input[type=range]:nth-child(2){background:none}
.multi-range input[type=range]:nth-child(2)::-webkit-slider-thumb::before{background-color:grey}