我尝试重叠并增加另一个的宽度，但因为它们不是线性的或像矩形一样简单。
我不知道是否有人有想法使用 html、css、js 和这些是 svg 文件从这两张图像中制作进度条
最佳答案
增加或减少第二个 div 的宽度。确保内部图像不是 width:100% 或响应式
<html>
<head>
<title>Test</title>
</head>
<body>
<div id="img1" style="position: absolute;top: 0;">
<img src="amplitude.svg">
</div>
<div id="img2" style="position: absolute;top: 0;width: 20%;overflow: hidden;">
<img src="amplitude-progress.svg">
</div>
</body>
</html>
关于javascript - 使用 svg 图像显示进度动画，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46000373/