jQuery百分比进度条柱形图特效

jQuery百分比进度条柱形图特效，jQuery柱状图代码，简洁的百分比柱状图进度条代码。

分类：统计图 > 柱状图难易：入门级

查看演示下载资源下载积分： 20 积分

js代码

<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jqbar.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {

	$('#bar-1').jqbar({ label: 'ASP.NET', value: 99, barColor: '#D64747' });

	$('#bar-2').jqbar({ label: 'C#', value: 59, barColor: '#FF681F' });

	$('#bar-3').jqbar({ label: 'Javascript', value: 90, barColor: '#ea805c' });

	$('#bar-4').jqbar({ label: 'HTML5', value: 50, barColor: '#88bbc8' });

	$('#bar-5').jqbar({ label: 'CSS3', value: 60, barColor: '#939393' });

	$('#bar-6').jqbar({ label: 'jQuery', value: 70, barColor: '#3a89c9' });


	$('#bar-7').jqbar({ label: 'Wal', value: 90, barColor: '#D64747', orientation: 'v' });

	$('#bar-8').jqbar({ label: 'Ohi', barColor: '#FF681F', value: 70, orientation: 'v' });

	$('#bar-9').jqbar({ label: 'Song', barColor: '#ea805c', value: 50, orientation: 'v' });

	$('#bar-10').jqbar({ label: 'Pisho', barColor: '#88bbc8', value: 90, orientation: 'v' });

	$('#bar-11').jqbar({ label: 'Mara', barColor: '#939393', value: 70, orientation: 'v' });

	$('#bar-12').jqbar({ label: 'Dagha', barColor: '#3a89c9', value: 50, orientation: 'v' });

});
</script>