Javascript 如何更改进度条的位置？

我为正在制作的游戏创建了一个进度条。但是，该栏位于浏览器的左上角，我想将该栏移到其他位置，但我不确定如何操作

<progress id="health" value="1000" max="1000"></progress>

---

您可以使用CSS来完成此操作

位置：绝对位置

：

#健康{
位置：绝对位置；
底部：0px；/*将进度条移动到右下角*/
右：0px；
}

---

使用

位置：固定的

和CSS属性

顶部

、

左侧

、

右侧

和

底部

将其定位如下：

进展{
位置：固定；
最高：40%；
左：40%；
}
进展：：之前{
内容：“嘿，看，我在漂浮”；
}

---

首先你必须知道你想要什么。我们稍后再谈，“别处”是非常模糊的。为了进一步澄清，我在下面的答案中添加了一条评论。“别处”可能是个错误的词，但总的来说，我只是想知道如何移动这个位置。我有一块宽950px、高750的画布。无论何时放大或缩小，条形图位置都会相对于屏幕大小移动。有没有办法使画布内的条保持在相同的位置。我把条移到顶部：80px，左边：510px。这会使该条显示在画布的左上角，我希望将其保留在该位置。@Kol256是的，这肯定会起作用。