Porcentaje de carga mediante CSS

[shevchenko]

Uno de los controles más usados en el desarrollo de animaciones Flash es el que muestra el porcentaje de carga de un elemento. Si queremos desarrollarlo mediante CSS nos puede venir muy bien este ejemplo.



Usando este código HTML:

Código:

    <div id="box">
    <div id="bar">50%</div>
    </div>

y estos estilos:

Código:

    #box{
      width:250px;
      border:1px solid #000;
      height:17px;
    }
    #bar{
      width:50%;
      background:#000 /* u otro background */;
      height:14px;
     color:#fff;
     text-align:right;
     padding:3px 0px 0px 0px;
   }

podemos obtener ejemplos de progreso. Eso sí, esto luego habrá que cambiarlo mediante Javascript para que sea dinámico.

fuente

Para ver este enlace Registrate o Inicia Sesion