Is it possible to change the color of the progress bar in HTML?

Question

I’m trying to change the color of the progress bar so when it reaches below 300 it will turn red.

Also: The first time the HP bar goes down, the text will not change. Why? Also the last hit will do 100 damage. Why again?

https://code.sololearn.com/W45YnOW8293x/?ref=app

Answer 1

Check it
https://code.sololearn.com/WckJzFXSMDcd/?ref=app

Answer 2

To change color of progress bar refer here
https://stackoverflow.com/questions/21476748/how-to-change-the-color-of-html5-progress-bar