Код в хтмл-верх

Код:

<!--Полоски жизни и маны, начало-->
<style>
.meter1,
.meter2{
vertical-align:middle;
height:62px!important;
padding-bottom:3px;
padding-top:4px;
color:transparent;
background-image: url(http://uploads.ru/sOdvY.png);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
width:196px!important;
border-collapse:collapse;
border:none 0 transparent;
}

.meter1 div,
.meter2 div{
max-width:162px!important;
padding:0!important;
margin-left:11px;
border-collapse:collapse;
border:none 0 transparent;
height:11px;
}
.meter1 div{
background-image: url(http://uploads.ru/VFGKw.gif);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
}
.meter2 div{
background-image: url(http://uploads.ru/VFGKw.gif);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
}
</style>
<!--Полоски жизни и маны, конец-->

код в хтмл-низ

<!--Полоски жизни и маны, начало-->
<script>
$("div[class^='meter']").each(function(){
var l=$(this).text();
$(this).attr("title",l+"%")
$(this).html('<div style="width:'+l+'%;"></div>');});
</script>
<!--Полоски жизни и маны, конец-->