<!doctype html>
<html>
<head>
<title>yxjdt</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<link href="../radialIndicator/css/radialindicator.css" rel="stylesheet" type="text/css" />
<script src="../js/jquery.min.js"></script>
<script src="../radialIndicator/js/radialIndicator.js"></script>
<script type="text/javascript">
//$('#radialIndicatorContext').radialIndicator();
$(document).ready(function(){
$("#radialIndicatorContext").radialIndicator({
barColor : "#66a4d8",
barWidth : 10,
initValue: 10,
roundCorner: true,
percentage: true
});
});
var radialObj = $("#radialIndicatorContext").data("radialIndicator");
setTimeout(function(){
//现在,您可以使用实例来调用不同的方法
//像这样：
radialObj.animate(60);
},3000);
</script>
</head>
<body>
<div id="radialIndicatorContext"></div>
</body>
</html>