角度步进进度栏

时间:2019-07-16 16:52:50

标签: angular angular-material

我最近开始研究角度,我试图在我的角度代码中添加进度条,但是我无法获得如何执行此操作的信息。我想要的进度条如下图所示angular progress bar image ::

如何使用angular添加页面标题中所附图像中显示的进度条?

1 个答案:

答案 0 :(得分:1)

您可以通过多种方式来做到这一点。 1.您可以通过使用https://bennettfeely.com/clippy/制作相似的形状并为状态使用不同的两个不同类来使用CSS来实现。

  1. 您可以使用两个具有相同形状的不同彩色图像,其中一个是默认设置,另一个是用于更改进度后的颜色。并在每个成功步骤上启用第二张图片。

我只是在告诉你逻辑。