Question

我尝试重叠并增加另一个的宽度，但因为它们不像线性或像矩形一样简单。

我不知道是否有人有想法使用html，css，js从这两个图像中取得进度，这些是svg文件

Answer 1

增加或减少第二个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>

使用svg图像显示进度动画

1 个答案: