Hola Gerardo,

eso es precisamente lo que quería!

muchas gracias.


Segundo Serrano P.

--------------------------------------------------
From: "Gerardo Oscar Jimenez Tornos" <[email protected]>
Sent: Thursday, September 02, 2010 2:24 PM
To: "Ovillo, la lista de CSS en castellano" <[email protected]>
Subject: Re: [Ovillo]barra de progreso con texto de dos colores (según el fondo)

> Hola,
> 
> He conseguido maquetar la barra de progreso con un pequeño truco, aquí hay
> un ejemplo para que veas cómo queda:
> http://www.treeweb.es/__archivo__/codigo/articulos/barra_progreso/barra_progreso_v2.html
> 
> El artículo original está en:
> http://www.treeweb.es/barra-de-progreso-html-y-css
> 
> Saludos
> 
> 
> 
> Gerardo
> 
> El 2 de septiembre de 2010 21:01, Segundo Serrano
> <[email protected]>escribió:
> 
>> si bueno,
>> la idea era que el texto de ese lado se ponga negro y no el fondo.
>>
>> Espero que puedan ayudarme, gracias por anticipado
>>
>> Segundo Serrano P.
>>
>> --------------------------------------------------
>> From: "alejandro carro" <[email protected]>
>> Sent: Thursday, September 02, 2010 1:53 PM
>> To: "Ovillo, la lista de CSS en castellano" <[email protected]>
>> Subject: Re: [Ovillo]barra de progreso con texto de dos colores (según el
>> fondo)
>>
>> > <div style='background-color: black; width: 120px'>
>> > <div style='background-color: green; color: white; width: 50%;
>> white-space:
>> > nowrap; padding: 2px 0px 2px 2px; font-style: italic;'>
>> > En proceso (50%)
>> > </div>
>> > </div>
>> >
>> > saludos Alejandro
>> >
>> > El 2 de septiembre de 2010 12:29, Segundo Serrano
>> > <[email protected]>escribió:
>> >
>> >> Hola,
>> >>
>> >> podrían ayudarme con esto? estoy tratando de mostrar una barra de
>> progreso
>> >>
>> >> <div style='background-color: orange; width: 120px'>
>> >> <div style='background-color: green; color: white; width: 50%;
>> white-space:
>> >> nowrap; padding: 2px 0px 2px 2px; font-style: italic;'>
>> >> En proceso (50%)
>> >> </div>
>> >> </div>
>> >>
>> >> debiera quedar según la imagen de aquí
>> >> http://www.edecider.com/progress.png
>> >>
>> >> gracias por anticipado
>> >>
>> >> Segundo Serrano P.
>> >>
>> >>
>> >> _______________________________________________
>> >> Lista de distribución Ovillo
>> >> Para escribir a la lista, envia un correo a [email protected]
>> >> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>> >> http://lists.ovillo.org/mailman/listinfo/ovillo
>> >>
>> > _______________________________________________
>> > Lista de distribución Ovillo
>> > Para escribir a la lista, envia un correo a [email protected]
>> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>> http://lists.ovillo.org/mailman/listinfo/ovillo
>> _______________________________________________
>> Lista de distribución Ovillo
>> Para escribir a la lista, envia un correo a [email protected]
>> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
>> http://lists.ovillo.org/mailman/listinfo/ovillo
>>
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://lists.ovillo.org/mailman/listinfo/ovillo
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a