Php I'；我试图用一个图像制作一个自定义进度条，但我'；我不知道从哪里开始

我的主要目标是在进度条的末尾有一个图像，这样当进度条移动时，图像也随之移动

我使用了HTML中的标准进度条形码，但我对HTML不是非常精通，所以我不确定如何将其更改为具有图像

这是我的主文件中的条形码

<h3 id="progress2">Progress</h3>
<progress id="progress" value="<?php echo $total1 ?>" max="<?php echo $pracGoal ?>">
</progress>

---

目前，我只是得到标准的HTML进度条。然而，我的目标是获得类似进度条的东西，但是在进度条的末尾有一个兔子的图片，或者沿着进度条移动的线条的东西。

首先，在HTML中，ID只能使用一次，否则应该使用

类。您是否尝试设置
背景图像：url（“您的图像路径”）而不是颜色？然后你会把这个图像作为你进度条的背景。这并没有真正起作用，它只是改变了进度条的背景，而不是将图像添加到进度条的末尾。还编辑了不同的标题id，一开始没有注意到，捕捉得很好。哦，你想将图像作为进度条的当前状态吗？当进度值增加时，它会将图像向右移动？我不能帮你，但也许你会在这里找到一些东西：请澄清你的具体问题或添加额外的细节，以突出你到底需要什么。正如目前所写的，很难说清楚你在问什么。我编辑了这个问题。
#Progress{
    width: 50%;
    background-color:#ddd;
    position:fixed;
    top:50px;
    left:110px;
}