ProgressBar.js–漂亮的響應式SVG進度條

var line = new ProgressBar.Line('#example-line-container', {
 color: '#FCB03C'
});
 
line.animate(1);

var circle = new ProgressBar.Circle('#example-circle-container', {
 color: '#FCB03C',
 strokeWidth: 2,
 fill: '#aaa'
});
 
circle.animate(1, function() {
 circle.animate(0);
})

var container = document.getElementById('example-custom-container');
container.innerHTML = '<object id="scene" type="image/svg+xml" data="images/moon-scene.svg"></object>';
 
var scene = document.getElementById('scene');
scene.addEventListener('load', function() {
 var path = new ProgressBar.Path(scene.contentDocument.querySelector('#asterism-path'), {
 duration: 1000
 });
 
 path.animate(1, function() {
 path.animate(0);
 });
});