несколько лет назад ставила этот скрипт Полоски Жизни и Маны.
работал прекрасно до недавнего времени - все слетело, хотя ничего не менялось, не отображается ни шкала, ни фоновая картинка
можете что то с этим сделать7
сейчас на форуме поставлен в таком виде
html верх
Код:
<style>
.meter1,
.meter2{
vertical-align:middle;
height:12px!important;
padding-bottom:3px;
padding-top:3px;
color:transparent;
background-image: url(https://forumstatic.ru/files/0013/fd/43/73711.png);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
width:108px!important;
border-collapse:collapse;
border:none 0 transparent;
}
.meter1 div,
.meter2 div{
max-width:100px!important;
padding:0!important;
margin-left:4px;
border-collapse:collapse;
border:none 0 transparent;
height:12px;
}
.meter1 div{
background-image: url(https://forumstatic.ru/files/0013/fd/43/10412.png);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
}
.meter2 div{
background-image: url(https://forumstatic.ru/files/0013/fd/43/10412.png);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
}
</style>html низ
Код:
<script>
$("div[class^='meter']").each(function(){
var l=$(this).text();
$(this).attr("title",l+"%")
$(this).html('<div style="width:'+l+'%;"></div>');});
</script>