Solstice cuando pego el codigo se me queda hasta aquí:

<div style="background:url(images/prog_grey.png) repeat-x; background-color: #cccccc; border: 1px solid black; width:50%; margin-top: 2px;"><div style="background:url(images/prog_green.png) repeat-x;background-color: #008040; color: white; font-weigh,

y entonces se deforma la parte del usuario al que le haya puesto el código

ammmm ha de ser un error en el ACP que corta el code ammm tratare de simplimizarlo

ok, muchas gracias ^^

en vez de style ponle class al div ¬¬ y el estilo pegalo en el global.css E:

buena idea =D si pensaste =D

en vez de style ponle class al div ¬¬ y el estilo pegalo en el global.css E:

mmm pero depués como lo muestro en los post, una vez guardado, probé a hacer eso pero no se me muestra, aqui dejo el codigo como lo pegé:

<div class="background:url(images/prog_grey.png) repeat-x; background-color: #cccccc; border: 1px solid black; width:50%; margin-top: 2px;"><div class="background:url(images/prog_green.png) repeat-x;background-color: #008040; color: white; font-weight:bold; width:80%; width:10%; height:18px;">&nbsp;&nbsp;&nbsp;10%</div></div><br>Exp

prueba con esto

<div class="rango1"><div class="rango2">**%</div></div><br>***

y en global.css
.rango1{
background:url(images/prog_grey.png) repeat-x;
background-color: #cccccc;
border: 1px solid black;
width:100%;
margin-top: 2px;
}
.rango2{
background:url(images/prog_green.png) repeat-x;
background-color: #008040;
color: white;
font-weight:bold;
width:80%;
width:**%;
height:18px;
}

Solstice, así si sale ^^