进度条清晰度每 5 秒更新一次 angular cli答案

【问题标题】：progress bar clarity to update every 5 seconds angular cli进度条清晰度每 5 秒更新一次 angular cli
【发布时间】：2023-03-30 04:10:01
【问题描述】：

嘿，所以我正在尝试对进度条进行编程，使其每 5 秒更新一次。我正在使用清晰度和角度 cli。

我的 html 代码如下所示：

进度条

<div class="progress demo"> <progress max="100" value="0" data-displayval="0%"></progress> </div>

到目前为止，我一直在使用 jquery，但是对于这个项目，我需要使用 Angular，而且我基本上不知道如何使它工作。非常感谢您的回答！

【问题讨论】：

你可以简单地使用 setTimeout 来调用一个递增的函数
data-displayval="0%" 是由一个值实际表示的，还是实际上只是 +1% 每 5 秒一次？
看看我们用来测试 Clarity 版本的演示应用程序。在进度条演示中，您可能会发现一些有用的代码：github.com/vmware/clarity/tree/master/src/ks-app/src/app/…

【解决方案1】：

试试这样的 -

<div class="progress demo">
   <progress max="100" [value]="myFunc()" data-displayval="0%"></progress>
</div>

该函数应该返回一个数字，并且在函数内部您可以处理逻辑以每五秒进行一次更新调用。根据您使用它的目的，在 Angular 6 中，您可以收听进度事件 (url)。

【讨论】：