显示进度的动画使用SVG图像

我试图与另一个重叠和增加的宽度，但因为它们不是线性的或简单的类似矩形。

我不知道是否有人有一个想法，使进度条了使用HTML，CSS，JS这两个图像，这些都是SVG文件

2017-09-01 Kathan Shah

吸引他们在另一个之上和动画剪辑路径逐渐显示上的图像。 –

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

来源

2017-09-01 12:53:55

显示进度的动画使用SVG图像

回答

相关问题