Barre de progression sur des dates avec JQuery

Progressbar est un plugin JQuery pour afficher une barre de progression. Il prend un pourcentage en entrée et affiche une barre de progression en sortie. La barre est entièrement personnalisable par CSS.

A partir d'un intervalle de temps (deux dates), de la date du jour et d'un calcul de conversion (pour obtenir le pourcentage d'avancement), on peut réaliser une barre d'avancement dans le temps.

Voici un exemple pour illustrer mes propos.

A l'aide du Datepicker de JQuery, vous saisissez une date de début et une date de fin du projet. L'avancement est calculé automatiquement en Javascript par rapport à la date du jour.

Enfin, des boutons supplémentaires permettent de modifier les dates et de voir l'évolution du projet en temps réel.

progressbar-1.png

progressbar-2.png

Je mets l'ensemble des fichiers sources à disposition... A utiliser et modifier selon vos souhaits !

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Captcha *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.