I created a progress bar for a game I’m making. But the bar is at the top left of the browser and I would like to move the bar elsewhere but I’m not sure how to do this.
<progress id="health" value="1000" max="1000"></progress>
I created a progress bar for a game I’m making. But the bar is at the top left of the browser and I would like to move the bar elsewhere but I’m not sure how to do this.
<progress id="health" value="1000" max="1000"></progress>
You can do it with CSS
position: absolute
:Use
position:fixed
and the CSS attributestop
,left
,right
andbottom
to position it like so: