g# DaterangeBar jQuery plugin
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.
Demo
http://daterangebar.nikolay.ws/
Version
0.0.2
Examples
Bootstrap mode
$('document').ready(function(){ $('.daterangeBar').daterangeBar({ 'endDate': '31-01-2016', 'barClass': 'progress-bar-success progress-bar-striped active', 'bootstrap': true, 'privateColors': false, 'msg': 'of January' }); });
Alone mode
$('document').ready(function(){ $('.daterangeBar').daterangeBar({ 'endDate': '31-12-2016', 'privateColors': true }); });
Options
msg
The message will be show fater percent value. By default 'of Year'
startDate
Start date in Format DD-MM-YYYY or in DD-MM-YYYY hh:mm:ss. In the last case percent will be counted accord the seconds. By default: 01-01-2016
endDate'
End date in Format DD-MM-YYYY or in DD-MM-YYYY hh:mm:ss. In the last case percent will be counted accord the seconds. By default: 31-12-2016
barClass
The class name/s for progressbar block. By default: undefined
bootstrap
Will be used bootstrap attributes for progress bars or not. By default: false
privateColors
Will be used private colors or not. If privateColors is false, that's mean what you need set up colors in css By default: true
barColor
Background color of progress bar By default: '#7BA7B5'
bgColor
Background color for the wrapper block of progress bar By default: '#9CD3E6',
minValue
Minimal value of progress bar By default: 0
maxValue
Miximal value of progress bar By default: 100
License
MIT