Html 带有图像的进度条

我想知道是否有可能设计HTML5引入的进度条，这样我就可以在进度条中添加图像。 更具体地说，让我们想象一次从一个城市到另一个城市的汽车旅行。我想在进度条中显示汽车的演变

<progress id='movingbar' value="50" max="200"></progress>

但为了更时尚，我希望这个进度条在“值”的位置显示汽车的图像

我还没有发现任何网站在讨论这个问题。 如果使用HTML5标记不可能做到这一点，那么通过另一种方式可以做到吗

---

事先谢谢

我做了类似的事情，我想要一个进度条，下面有文本。文本位于进度条之后。这样，您可以看到正在完成的任务

您可以通过创建一个。要塞是要用的

width: [percentage of complete]%;
align: right;

---

您可以继续使用所需的完成百分比更新宽度。您还可以在特定点更改汽车图像。这将需要大量的硬编码，但这是可能的。祝你好运

此页面在此更改进度条的背景图像

---

总是有另一种可能。最有可能的情况是在进度条div的右侧附加一个浮动的图标。这样你就有了进度条，在右边有一个汽车的小图片……如果你知道我的意思的话。问题是我想让图片出现在进度条上。我不希望它高于或低于。谢谢这个链接。这是非常有用的。然而，根据我的CSS级别，实现一个美观且响应迅速的解决方案似乎相当困难。我已经看过了，但是对于一个汽车应用程序，一个如此简单的progressBar不符合我的要求