我想知道是否可以对 HTML5 引入的进度条进行样式设置，以便我可以在其中放置图像。更具体地说，让我们想象一下从一个城市到另一个城市的汽车。我想在进度条中显示汽车的演变。
<progress id='movingbar' value="50" max="200"></progress>
但为了更时尚，我希望这个进度条在“值”的位置显示汽车的图像。
我还没有找到任何讨论它的网站。如果使用 HTML5 标签无法做到这一点，那么是否可以通过另一种方式来做到这一点？
预先感谢
问问题
10551 次
2 回答
0
此页面在此处更改进度条的背景图像。
http://www.useragentman.com/blog/2012/01/03/cross-browser-html5-progress-bars-in-depth/
于 2013-08-01T16:38:28.637 回答
0
我做了类似的事情，我想要一个带有文本的进度条。文本跟随进度条。这样您就可以看到正在完成的任务。
您可以通过创建一个 . 保持是使用
width: [percentage of complete]%;
align: right;
您可以使用所需的任何完成百分比继续更新宽度。您还可以在特定点更改汽车图像。这将需要大量的硬编码，但这是可能的。祝你好运
于 2013-08-01T16:26:05.140 回答