Indicador de progreso de paso adaptable con CSS puro
| Autor: | christabor |
|---|---|
| Views Total: | 16,298 |
| Sitio oficial: | Ir a la web |
| Actualizado: | May 6, 2017 |
| Licencia: | MIT |
Vista prévia
Descripción
Un indicador de progreso CSS puro que le ayuda a crear asistentes de paso adaptables, totalmente personalizables o líneas de tiempo en ambas direcciones.
¿Cómo funciona?
Cargue el Progress-Wizard. min. CSS en la sección head del documento.
<link href="css/progress-wizard.min.css" rel="stylesheet">
Genere un indicador de progreso básico con 5 pasos de una lista desordenada HTML.
<ul class="progress-indicator"> <li class="completed"> <span class="bubble"></span> Step 1. </li> <li class="completed"> <span class="bubble"></span> Step 2. </li> <li> <span class="bubble"></span> Step 3. </li> <li> <span class="bubble"></span> Step 4. </li> <li> <span class="bubble"></span> Step 5. </li> </ul>
Registro de cambios
05/06/2017
- Arreglado: la primera y última línea extra de burbujas en
