jQuery daterangeBar Plugin Example

The DaterangeBar is a jquery plugin which can be used for displaying percent of spent time in date range. The plugin support both Bootstrap classes and alone-mode. For more information see examples.

Januar 2016

Code
<script>
    $('document').ready(function(){
        $('.row').daterangeBar({
        'endDate': '31-12-2016',
        'barClass': 'progress-bar-striped active',
        'bootstrap': true
        'privateColors': false
        'msg': 'of January'
        });
    });
</script>

2016

Code
<script>
    $('document').ready(function(){
        $('.row').daterangeBar({
        'endDate': '31-12-2016',
        'barClass': 'progress-bar-striped active',
        'bootstrap': true
        'privateColors': false
        });
    });
</script>

2016 non-Bootstrap

Code
<script>
    $('document').ready(function(){
        $('.row').daterangeBar3({
        'endDate': '31-01-2016',
        'privateColors': true
        });
    });
</script>