для примера (JavaScript):
for( var x = 0; x < 101; x++ )
{ document.getElementById(идтвоегослоя).style.width = x + "%"; }
вместо слоя можно использовать div, засунутый в другой контейнер. у родительского контейнера задай желаемую ширину и высоту.
главное чтобы у дочернего элемента был определён параметр style и id. как-то так:
<div style='width:100px;height:20px;'>
<div style='width:0%;color:blue;' id='pbar'></div>
</div>
таким образом, вложеный див будет занимать столько процентов от ширины родительского, сколько ты ему укажешь.