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

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

Прикрепленные файлы:
PROFIWM_COM_2948_794403_IMG_20140614_125758.jpg (6.94 кб)

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

…iKey™… [мошенник] 5.37

(14 июн 2014, 14:11)

Сейчас сделаю. Уже почти закончил

отлично. жду. покажешь скрин сразу

Блин, обязательно текст в середине?

да, обязательно

Так? =)
Текст кстати подровнял, а то он наверх всплывал =)

Прикрепленные файлы:
PROFIWM_COM_2940_794423_Screenshot_-_14062014_-_14:43:36.png (0 б)

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

initrd (DjDance) [мошенник] 2.52

(14 июн 2014, 14:47)

CSS:
<?
.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: 10%;
height: 20px;
z-index: 1;
position: absolute;
}
?>

-------------

HTML: <div class="cont"><div class="line"></div>100/100</div>

Горе дизайнеры у меня код блатнее

TxT, плевать

rnddev, спасибо. сколько я те должен?