Custom Range Slider

This is a custom range slider that is custom-made from sliders and the value that is coming from the slider, it's displayed at the top. The score container position is moving according to the slider values.

in javascript we we some DOM property :

const range_width = getComputedStyle(e.target).getPropertyValue("width");

const label_width = getComputedStyle(label).getPropertyValue("width");