progress bar change of height

This progress bar works as expected but the css is not being applied. It needs to show the inside white text which is being set by javascript.

All what I am getting is the thin progress bar thus the height property is not working. Any suggestions? thx

#bar {
        width: 100%;
        height: 1.5rem;
        text-align: center;
        color: white;
    }

<progress id="bar" value="0" max="70"></progress>