36 lines
515 B
HTML
36 lines
515 B
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<style>
|
|
progress {
|
|
width: 5%;
|
|
}
|
|
</style>
|
|
<script src="animate.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
<progress id="elem"></progress>
|
|
|
|
<script>
|
|
elem.onclick = function() {
|
|
animate({
|
|
duration: 1000,
|
|
timing: function(timeFraction) {
|
|
return timeFraction;
|
|
},
|
|
draw: function(progress) {
|
|
elem.style.width = progress * 100 + '%';
|
|
}
|
|
});
|
|
};
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|