11496 sujets

JavaScript, DOM et API Web HTML5

Bonjour !!

Je cherche un moyen de créer un slider vertical (barre verticale avec un curseur) en forme de bouteille; le curseur serait remplacé par le niveau de liquide; en fait c'est pour permettre à l'internaute d'indiquer la quantité d'eau qu'il a bue dans la journée.
On peut me proposer du js (même jquery), html, css, éventuellement canvas (même si à priori c'est pas top pour tous les navigateurs). Ce "slider" serait rattaché à un champ input de base dans mon formulaire.

Je n'ai pas d'exemple à proposer sur d'autres sites. Le truc m'a pas l'air compliqué, mais à part en flash (que je ne maîtrise pas du tout) je ne vois pas comment faire...