<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery progress bar进度条插件，投票进度条系统</title>
<meta name="description" content="jquery progress bar进度条插件，制作投票进度条系统，投票进度条百分比显示。所有投票进度条值总和保持在100%。jquery插件。" />
</head>
<body>
<script type="text/javascript" src="http://www.jsfoot.com/skin/js/jquery.js"></script>
<script type="text/javascript" src="js/Studyplay_vote.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#progressbar").study_vote([
{"name":"好评","data":"90","color":"#39c"},
{"name":"中评","data":"10","color":"#f00"},
{"name":"差评","data":"20","color":"#000"}
]);
});
</script>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
.demo{margin:20px auto;width:500px;}
#studyvote .fl{float:left;}
#studyvote .dd{clear:both;margin:7px 0;width:100%;height:15px;}
#studyvote .outbar{border:1px solid #dedede;background:#fff;height:13px;width:80%;float:left;}
#studyvote .inbar{height:13px;display:block;}
</style>
<div class="demo">
<div id="progressbar"></div>
</div>
</body>
</html>
jquery progress bar进度条插件，投票进度条系统
4星 · 超过85%的资源 需积分: 9 93 浏览量
2012-10-18
11:55:41
上传
评论
收藏 2KB RAR 举报 
966d4b6138fb410a32a8077108d52246.rar （2个子文件） 
studyplayvote js 
Studyplay_vote.js 2KB
demo.html 1KB资源评论
wkchina2013-06-27也算帮了我的忙，比较简单
鬼头猫2013-10-20看了一下，觉得还可以
hanbingyuan2013-08-09一般般，太简单 了。
qinzhangbin
- 粉丝: 2
- 资源: 83
