Let It Flow

<link href="letItFlow.css" rel="stylesheet" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="letitflow.min.js"></script>

<div id="example"></div>

$(function () {
        var thisYear = new Date().getFullYear();
        $('#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'
        });
});