Let it Flow! - Demo

Demo parameters

$(document).ready(function() {
	var thisYear = new Date().getFullYear(); // Get current year
	$('#example').letitflow({
		maxWidth: '800px',
		colorText: 'light',
		colorBar: '#01a9d5',
		color2: '#a2d800',

		firstDay : new Date(thisYear, 1 - 1, 1),
		lastDay : new Date(thisYear, 12 - 1, 31),
		steps : [
			{
				stepName : 'Janvier',
				stepDate : new Date(thisYear, 1 - 1, 31)
			},
			{
				stepName : 'Février',
				stepDate : new Date(thisYear, 2 - 1, 28)
			},
			{
				stepName : 'Mars',
				stepDate : new Date(thisYear, 3 - 1, 31)
			},
			{
				stepName : 'Avril',
				stepDate : new Date(thisYear, 4 - 1, 30)
			},
			{
				stepName : 'Mai',
				stepDate : new Date(thisYear, 5 - 1, 31)
			},
			{
				stepName : 'Juin',
				stepDate : new Date(thisYear, 6 - 1, 30)
			},
			{
				stepName : 'Juillet',
				stepDate : new Date(thisYear, 7 - 1, 31)
			},
			{
				stepName : 'Août',
				stepDate : new Date(thisYear, 8 - 1, 31)
			},
			{
				stepName : 'Septembre',
				stepDate : new Date(thisYear, 9 - 1, 30)
			},
			{
				stepName : 'Octobre',
				stepDate : new Date(thisYear, 10 - 1, 31)
			},
			{
				stepName : 'Novembre',
				stepDate : new Date(thisYear, 11 - 1, 30)
			}
		],
		lastStepName : 'Décembre'
	});
});