<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>简单实用扁平风格的jQuery+css3柱形图表插件</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div id="chart">
<ul id="numbers">
<li><span>100%</span></li>
<li><span>90%</span></li>
<li><span>80%</span></li>
<li><span>70%</span></li>
<li><span>60%</span></li>
<li><span>50%</span></li>
<li><span>40%</span></li>
<li><span>30%</span></li>
<li><span>20%</span></li>
<li><span>10%</span></li>
<li><span>0%</span></li>
</ul>
<ul id="bars">
<li><div data-percentage="56" class="bar"></div><span>Option 1</span></li>
<li><div data-percentage="33" class="bar"></div><span>Option 2</span></li>
<li><div data-percentage="54" class="bar"></div><span>Option 3</span></li>
<li><div data-percentage="94" class="bar"></div><span>Option 4</span></li>
<li><div data-percentage="44" class="bar"></div><span>Option 5</span></li>
<li><div data-percentage="23" class="bar"></div><span>Option 6</span>
</li>
</ul>
</div>
<script src='js/jquery.min.js'></script>
<script src="js/index.js"></script>
</body>
</html>
