Javascript 使用Angularjs和css（scss）创建响应性步骤导航栏

我正在使用AngularJS进行一个项目。我需要做的是创建一个垂直导航栏，它根据事件动态更改外观，突出显示不同的步骤。 样式大致如下：

不幸的是，我对css和SCS知之甚少。我想做的是以下几件事：

由于步骤的数量随着页面的变化而变化，HTML必须动态变化（例如，不能只有3个固定步骤，但它们可以变化并变成2,3，等等）

如何在各个点之间创建一条线

如何根据它旁边的部分更改线的大小

如果有人擅长JavaScript、Angularjs、scss或jQuery，你能给我举个小例子，让我从中获得一些灵感来完成这项工作吗