Foros del Web » Creando para Internet » CSS »

Como obtener el background-position segun un porcentaje

Estas en el tema de Como obtener el background-position segun un porcentaje en el foro de CSS en Foros del Web. Bueno amigos esto lo postie en foro PHP pero hay no tiene muchos conocimientos de esto y yo menos jejejej. Tengo esto Cita: <img src="/images/percentImage.png" ...
  #1 (permalink)  
Antiguo 01/12/2009, 17:31
Avatar de xalupeao  
Fecha de Ingreso: mayo-2008
Ubicación: Santiago, Chile
Mensajes: 749
Antigüedad: 15 años, 10 meses
Puntos: 12
Como obtener el background-position segun un porcentaje

Bueno amigos esto lo postie en foro PHP pero hay no tiene muchos conocimientos de esto y yo menos jejejej.

Tengo esto

Cita:
<img src="/images/percentImage.png" alt="9.5%" class="percentImage" style="background-position: -110.315px 0pt;" />
Como ven el -110.315px es igual a decir 9.5%.

Como puedo determinar eso ¿que calculo se puede usar?

Tutorial Completo: http://www.barenakedapp.com/the-desi...ng-percentages

Barra de Porcentaje!
  #2 (permalink)  
Antiguo 01/12/2009, 19:37
 
Fecha de Ingreso: mayo-2008
Ubicación: Santiago-Chile
Mensajes: 253
Antigüedad: 15 años, 10 meses
Puntos: 1
Respuesta: Como obtener el background-position segun un porcentaje

veo a mi criterio un error GIGANTE... mezclas todas las propiedades de medida... ah te faltaron los em. unifica la unidad de medida creo que es lo mejor.

ahora pon mas información porque no entendi lo que necesitas
  #3 (permalink)  
Antiguo 02/12/2009, 11:37
Avatar de xalupeao  
Fecha de Ingreso: mayo-2008
Ubicación: Santiago, Chile
Mensajes: 749
Antigüedad: 15 años, 10 meses
Puntos: 12
Respuesta: Como obtener el background-position segun un porcentaje

mira el resultado que quiero obtener es el siguiente:

http://demo.swiftpanel.com/admin/log...sword=password

"dale a login" entraras y veras las barras de porcentaje.

----------

EJ: tengo 130 clientes, 40 son hombres y 90 son mujeres.

los 40 hombres son el: 33%
las 90 mujeres son el: 67%

Como puedo saber el valor del "background-position:" para que estos porcentajes se muestren en la barra de porcentaje.

--------
EJ
--------

0% = <img src="/images/percentImage.png" alt="0%" title="0%" class="redbar" style="background-position: -120px 0pt;" />

100% = <img src="/images/percentImage.png" alt="100%" title="100%" class="greenbar" style="background-position: -0px 0pt;" />

20% = <img src="/images/percentImage.png" alt="20%" title="20%" class="redbar" style="background-position: -96px 0pt;" />

¿Que operacion puedo hacer para determinar el background-position:?
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:45.