how to set width wise value in range slider?

https://www.brilliantearth.com/loose-diamonds/search/

 

i want this type color slider like when i select d character when only d value present in table . my php code is done but i want this type of slider.

Here is the demo of your requirement

 

https://www.geeksforgeeks.org/creating-range-slider-html-using-javascript/