daterangeBar

The DaterangeBar is a jquery plugin which can be used for displaying percent of spent time in date range. You can use only date or datetime stamp. In the last case precent will be counted accord to seconds. The plugin support both Bootstrap classes and alone-mode. For more information see examples.

Hour

Code
<script>
    $('document').ready(function(){
        $('.row').daterangeBar({
        'startDate': '12-01-2016 09:00:00',
        'endDate': '12-01-2016 10:00:00',
        'barClass': 'progress-bar-striped active',
        'bootstrap': true
        'privateColors': false
        'msg': 'of time is wasted'
        });
    });
</script>

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>