example.htm

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="utf-8">
    
    <title>bartimer</title>
      
	<script src="https://code.jquery.com/jquery-2.2.3.min.js"></script>
	<script type="text/javascript" src="jquery.bartimer.min.js"></script>
</head>
<body>

<div id="wrapper" style="color: #ffffff; background-color: #000000; width: 500px; height: 200px; border: 1px solid #ff0000; margin: 0px; padding: 0px;">
<br/>
<h1>Hello world!</h1>
<div id="barTimer"></div>
</div>
<br/><br/>
<button id="start">Click Me</button> 

<script>
$(document).ready(function() {
	$("#start").click(function() {
	  $('#barTimer').bartimer({
		  timerSeconds: 3,
		  orientation: "bottom",
		  color: '#fe8080',
		  bgColor: '#fefefe',
		  height: 5,
		  shadow: true,
		  callback: function() {
			  alert("done!");
		  }
	  });
	});
});
</script>
		
</body>
</html>