<div id="progress" class="progress" data-value="65" data-colors="lime, #5000ca"></div>

<input id="range" type="range" max="100">

const range = document.querySelector('#range');
const progress = document.querySelector('#progress');

range.addEventListener('input', () => {
  progress.dataset.value = range.valueAsNumber;
});