Angular Timeline & Progress Steps | ng-hub-ui-milestones

Angular timeline and progress-steps component: vertical or horizontal, fully customizable nodes, content inside and beside each step, themed with CSS variables.

Interactive examples

Explore live examples that show how the library behaves in common Angular use cases.

Vertical timeline

This example contains tests. Open it in a development environment to run them.

Horizontal progress steps

This example contains tests. Open it in a development environment to run them.

Horizontal with active pulse

This example contains tests. Open it in a development environment to run them.

Node states

This example contains tests. Open it in a development environment to run them.

Custom nodes & per-node color

This example contains tests. Open it in a development environment to run them.

CSS-variable theming

This example contains tests. Open it in a development environment to run them.