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
