sophy/Facebook-goald-metter.html

## Facebook-goald-metter.html
<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>FB Gload</title>
	<link rel="stylesheet" href="css/fbgload.css">
	<style>
		#goald {
			width: 100%;
		}
		#goald .metter {
			width: 0;
			background: #00f;
			height: 25px;
		}
	</style>
</head>
<body>

	<div id="goald"></div>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	<script>
		$(function() {
			var gold = 1000;
			$.getJSON('http://graph.facebook.com/?id=https://www.facebook.com/ohkhmerdotcom')
			.done(function(data) {
				var likes = data.likes;
				var bgPercentag = (likes * 100) / gold;

				$('#goald').append('<div class="liked">' + likes + ' of ' + gold + '</div><div class="metter"/>')
				$('#goald .metter').animate({
					'width': bgPercentag + '%'
				}, 5000);
			})
		})
	</script>
</body>
</html>
	<!doctype html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>FB Gload</title>
	<link rel="stylesheet" href="css/fbgload.css">
	<style>
	#goald {
	width: 100%;
	}
	#goald .metter {
	width: 0;
	background: #00f;
	height: 25px;
	}
	</style>
	</head>
	<body>

	<div id="goald"></div>
	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
	<script>
	$(function() {
	var gold = 1000;
	$.getJSON('http://graph.facebook.com/?id=https://www.facebook.com/ohkhmerdotcom')
	.done(function(data) {
	var likes = data.likes;
	var bgPercentag = (likes * 100) / gold;

	$('#goald').append('<div class="liked">' + likes + ' of ' + gold + '</div><div class="metter"/>')
	$('#goald .metter').animate({
	'width': bgPercentag + '%'
	}, 5000);
	})
	})
	</script>
	</body>
	</html>