How does one make a vertical progress bar? Using html5, css and JavaScript preferably 😝

Question

I'm trying to make a vertical progress bar for a website, but I don't know how, can anyone please help me?

Answer 1

With CSS transform, like this:
https://code.sololearn.com/WwWhyl8poR18/?ref=app

(no js needed)

Answer 2

Thanks!! Really appreciated! 😁

Answer 3

@Uria I add a suggestion (for multi browser compatibility):

progress {
margin-top: 100px;
margin-left: -50px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg); /*Webkit*/

-moz-transform: rotate(90deg); /*FireFox*/

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /*IE*/
}