нужен дизайнер. оплачу

…iKey™…, несколько ))

спасибо огромное.
блин, если зеленая полоса полная то текст мой скрывается за ней.
можно как-то исправить эт?

…iKey™…, работаю на этим )) z-index не реагирует почему то

окей. глянь пожалуйста

Пойдёт?

Прикрепленные файлы:
PROFIWM_COM_186_794465_line.PNG (1.6 кб)

…iKey™…, решил задачку. щас скину

Прикрепленные файлы:
PROFIWM_COM_7272_794467_444.png (987 б)

PHP
<?
$all = '245';
$votes = '125';
$percent = ($all == 0) ? 0 : $votes/$all*100;
$percent = sprintf("%u", $percent);
echo '<style>
.back {
background: #FFF;
margin: 2px 0;
height: 35px;
border: 5px solid #679936;
border-radius: 10px;
width: 350px;
position: absolute;
text-align: center;
overflow: hidden;
}
.line {
background: #679936;
height: 25px;
margin: 5px 0;
width: '. $percent .'%;
position: absolute;
}
.text {
font-family: Arial;
color: #23201B;
font-weight: bold;
font-size: 20px;
line-height: 35px;
position: relative;
}
</style>

<div class="back">
<div class="line"></div>
<span class="text">'. $votes .'/'. $all .'</span>
</div>';
?>

Изм. 3 раз. / Посл. изм.

schastlivii 2.5

(14 июн 2014, 15:51)

окей

HTML:
<div class="allcont">
<div class="cont">100/100</div>
<div class="line"></div>
</div>
-------------
CSS:
.allcont {
width: 200px;
height: 20px;
position: absolute;
padding: 2px;
}
.cont {
border: 2px solid #7fa314;
padding: 2px;
width: 200px;
height: 20px;
text-align: center;
z-index: 2;
border-radius: 8px;
position: absolute;
}
.line {
border-radius: 4px;
background: #7fa314;
width: 55%;
margin: 4px;
height: 20px;
z-index: 1;
position: absolute;
}

Пожалуйста...