Html progress | Sololearn: Learn to code for FREE!


Html progress

e.g.: <progress min="0" max="100" value="15"/> Instead of "15" let's say that i want to put a variable from JavaScript, so that the progress value is not constant. Also, i want to change its color. Maybe with id in CSS.

5/1/2018 10:28:14 AM

Nicolae Ionescu

2 Answers

New Answer


var newProgress= 28; var progressEl= document.getElementById("myProgress"); progressEl.value= newProgress; stylizing it its not simple because browsers allow it (in some degree) in different ways If you want more control, you can easly emulating it with div so you can style it in better way and more cross-browser


Here I made example for u