Timeline y Pasos de Progreso para Angular | ng-hub-ui-milestones
Componente timeline y de pasos de progreso para Angular: vertical u horizontal, nodos totalmente personalizables, contenido dentro y junto a cada paso, con theming por variables CSS.
Ejemplos interactivos
Explora ejemplos en vivo que muestran cómo se comporta la librería en casos de uso habituales de Angular.
Línea de tiempo vertical
Information
Account details captured and verified.
Shipping
Delivery address confirmed.
Payment
Enter your payment method to continue.
Review
Place the order once everything looks right.
Pasos de progreso horizontales
Information
Account verified.
Shipping
Address confirmed.
Payment
In progress.
Review
Last step.
Horizontal con pulso activo
Ordered
Payment received.
Packed
Ready to ship.
In transit
Out for delivery now.
Delivered
Arriving soon.
Estados de nodo
Complete
A finished step.
Active
The current step, highlighted with a ring.
Error
Something needs attention here.
Pending
Not started yet.
Nodos personalizados y color por nodo
Drafted
Article written and saved.
Reviewed
Approved by the editor.
Publishing
Going live across channels.
Promotion
Scheduled for next week.
Tematización con variables CSS
Kickoff
Project scoped and approved.
Build
Core features shipped.
Launch
Rolling out to production.