How Can I create a progres bar for level in my website??

Question

This progres bar have a value, this value should change every time we level up. Ex: Courses progres bar in SoloLearn

Answer 1

It shouldn't be that hard to do that with JavaScript, what exactly can't you figure out? I think it would be better if you made an attempt on your own first so we can see what exactly you are trying to make. I could start creating a progress bar out of scratch and give you a final project but that would take time and would probably be useless anyway since it could be different than the progress bar you are trying to make. If you want a simple progress bar using the <progress> html tag could save you time, since making your own progress bar could take some time.

Answer 2

you could use <progress> element available in html5, and access its attributes/properties through js to update values when needed.
the <progress> element can be either hardcoded or dynamically inserted: this doesn't make any difference (even if first one is a little more error prone)...