Skip to content

Instantly share code, notes, and snippets.

@selvagk

selvagk/Bar graph using jquery

Created March 26, 2010 07:10
Show Gist options
  • Save selvagk/344619 to your computer and use it in GitHub Desktop.
Save selvagk/344619 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Bar graph using jquery
$(document).ready(function() {
$(".poll_option_data p").each(function (i) {
$(this);
}).show(1300);
});
Raw
gistfile2.htm
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xml:lang="en">
<head>
<title>bar Graph</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<link type="text/css" rel="stylesheet" href="css/main.css" media="screen,projection" />
</head>
<body>
<div class="poll_option_data">
<span>Option 20%</span>
<div class="vote_display"><p style="width: 20%;"></p></div>
<span>Option-30%</span>
<div class="vote_display"><p style="width: 30%;"></p></div>
<span>Option-40%</span>
<div class="vote_display"><p style="width: 40%;"></p></div>
<span>Option- 50%</span>
<div class="vote_display"><p style="width: 50%;"></p></div>
<span>Option-60%</span>
<div class="vote_display"><p style="width: 60%;"></p></div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".poll_option_data p").each(function (i) {
$(this)
}).show(1300);
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment