24 lines
789 B
HTML
24 lines
789 B
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<title>"Progress" Viewer</title>
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<script src="http://rawgit.com/kimmobrunfeldt/progressbar.js/master/dist/progressbar.min.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="prog" style="width: 300px; height:300px; display: inline; text-align: center;"></div>
|
|
</body>
|
|
<script>
|
|
window.onload = function () {
|
|
var circle = new ProgressBar.Circle('#prog', {
|
|
color: '#000000',
|
|
duration: 3000,
|
|
easing: 'easeInOut'
|
|
});
|
|
circle.animate(.5);
|
|
};
|
|
</script>
|
|
</html> |