Использование css для отображения переменной части изображения

Question

Я делаю индикатор прогресса, чтобы показать прогресс в направлении цели пожертвования. Мое изображение имеет форму термометра с закругленным дном.

Вот код, я использую для отображения панели

<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> 

Проблема у меня в том, что, кажется, чтобы отобразить верхнюю часть изображения первой. Как начать отображение снизу?

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: фон положение: внизу или короткий путь, как в приведенном выше

кода