Modularized jQuery plugin for Cal Band's $50,000 challenge progress bar
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
less
lib
.gitignore
README.md
gruntfile.coffee
index.html
package.json

README.md

Highstepper progress bar

A jquery plugin for Cal Band's 50,000 dollar donation challenge.

Demos: progress bar only and integration with a page

Usage

In your <head>:

	<link rel="stylesheet" type="text/css" href="build/output/highstepper-progress-bar.css">
	<script type="text/javascript" src="build/vendor/jquery.min.js"></script>
	<script type="text/javascript" src="build/output/highstepper-progress-bar.js"></script>
	<script type="text/javascript">
		$(document).ready(function () {
			$(".container").highstepperProgressBar({
				// options
			});
		});
	</script>

Supported options

Defaults are shown here as the values.

$(".container").highstepperProgressBar({
	numYardlines: 19         // number of yardlines on the field
	percentCompleted: 50     // percent (out of 100) that the progress bar is completed
	markers: []              // array of strings to mark the yardlines with
	markerEvery: 2           // markers should appear only every <value> yardlines
	width: 960               // total bar width, in pixels
});