Barra de porcentaje circular pura CSS
| Autor: | afuersch |
|---|---|
| Views Total: | 28,405 |
| Sitio oficial: | Ir a la web |
| Actualizado: | April 7, 2015 |
| Licencia: | MIT |
Vista prévia
Descripción
Una barra de progreso CSS pura que muestra la barra de progreso con porcentaje en una vista de barra circular.
Funcionamiento
Cargue el Circle. CSS en la sección head del documento.
<link rel="stylesheet" href="css/circle.css">
Cree una barra de progreso circular básica.
<div class="c100 p25"> <span>25%</span> <div class="slice"> <div class="bar"></div> <div class="fill"></div> </div> </div>
Cambie el tamaño de la barra de progreso.
<div class="c100 p25 big"> ... </div> <div class="c100 p25 small"> ... </div>
Cambia el color de la barra de progreso.
<div class="c100 p25 green"> ... </div> <div class="c100 p25 orange"> ... </div> <div class="c100 p25 dark"> ... </div>
