Date progress bar using JQuery
Fabian Piau | Sunday June 12th, 2011 - 01:19 PMProgressbar is a JQuery plugin to display a progressbar. Input is a percentage and output is the graphic bar. You can modify its visual style with CSS.
From a time interval (two dates), the current date and a conversion (to calcultate the progress percentage), we can easily realize a time progressbar.
Here is the result through an example.
Fill out the start and end date of the project using JQuery Datepicker. The progress is refreshed with Javascript in relation to the current date.
Additional buttons enable you to change the project’s dates day by day and change the progress as well.
You can download the source code… Use it and modify it according to your wishes !
Recent Comments