顯示進度的動畫使用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圖像

回答

相關問題