Timeline et Étapes de Progression Angular | ng-hub-ui-milestones
Composant timeline et étapes de progression Angular : vertical ou horizontal, nœuds entièrement personnalisables, contenu à l'intérieur et à côté de chaque étape, thématisé via variables CSS.
Exemples interactifs
Explorez des exemples en direct qui montrent comment la bibliothèque se comporte dans les cas d’usage Angular courants.
Chronologie verticale
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.
Étapes de progression horizontales
Information
Account verified.
Shipping
Address confirmed.
Payment
In progress.
Review
Last step.
Horizontal avec pulsation active
Ordered
Payment received.
Packed
Ready to ship.
In transit
Out for delivery now.
Delivered
Arriving soon.
États des nœuds
Complete
A finished step.
Active
The current step, highlighted with a ring.
Error
Something needs attention here.
Pending
Not started yet.
Nœuds personnalisés et couleur par nœud
Drafted
Article written and saved.
Reviewed
Approved by the editor.
Publishing
Going live across channels.
Promotion
Scheduled for next week.
Thématisation par variables CSS
Kickoff
Project scoped and approved.
Build
Core features shipped.
Launch
Rolling out to production.