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 <sserr...@jabs.com.pe>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" <www.ale....@gmail.com> > Sent: Thursday, September 02, 2010 1:53 PM > To: "Ovillo, la lista de CSS en castellano" <ovillo@lists.ovillo.org> > 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 > > <sserr...@jabs.com.pe>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 Ovillo@lists.ovillo.org > >> 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 Ovillo@lists.ovillo.org > > 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 Ovillo@lists.ovillo.org > 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 Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
