Как изменить цвет progress c помощью Javascript?

Question

[Mestniydevil]

Как изменить цвет progress c помощью Javascript?

в CSS цвет полосы прописан так:

progress::-webkit-progress-value {
    background: grey;
    transition-duration: 2s;
}

А как этот цвет изменить на javascript?

Answer 1

[Mr Crabbz]

<progress data-color="#ff0000"></progress>

progress::-webkit-progress-value {
    background: attr(data-color);
    transition-duration: 2s;
}

let el = document.querySelector('progress');
el.dataset.color = '#00ff00';