Barre de progression sur des dates avec JQuery
Fabian Piau | dimanche 12 juin 2011 - 13:19Progressbar 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.
Je mets l’ensemble des fichiers sources à disposition… A utiliser et modifier selon vos souhaits !
Commentaires récents