使用Angular JS的HTML5进度条在Microsoft Edge上不显示值

HTML5 progress bar not showing value on Microsoft Edge using Angular JS

本文关键字：Edge Microsoft 显示 JS Angular HTML5 使用      更新时间：2023-09-26

我有一个问题，我在一个网站上有一个进度条，最大设置为100，并在页面加载上动态设置值。它在Firefox, Chrome和Safari上运行良好，但在Microsoft Edge上，该值总是被解释为0。我的HTML代码里面的ng-repeat是:

<progress max="100" value={{element.progress}}></progress>

element.progress总是一个整数值。当我在Edge开发人员工具上检查它时，我看到值被设置为0。其他一切都在网站上工作，价值都被正确地展示出来。只有进度标签不起作用。如果我使用document.getElementById并在控制台上设置值，它可以工作。

尝试使用ng-value代替value

<progress max="100" ng-value="element.progress"></progress>
相关文章：