Utilisation de css pour afficher une partie variable d'une image

Question

Je fais une barre de progression pour montrer la progression vers un objectif de don. Mon image est en forme de thermomètre, avec un fond arrondi.

Voici le code que je utilise pour afficher la barre

<div style="width: 179px; height: <%: 484 * Model.PercentToGoal %>px; background-image: url(../Content/Images/meter_fill.png); color: inherit; position: absolute; left:113px; bottom: 60px;"> 
    </div> 

La question que je vais avoir est-il semble afficher la partie supérieure de l'image première. Comment commencer à afficher depuis le bas de l'image?

Answer 1

<div style="width: 179px; height: <%: 484 * Model.PercentToGoal %>px; background-image: url(../Content/Images/meter_fill.png) bottom; color: inherit; position: absolute; left:113px; bottom: 60px;"> 
    </div> 

-> css: position de fond: fond ou le chemin court comme dans le code ci-dessus