Индикатор выполнения HTML5, не показывающий значение на Microsoft Edge с использованием Angular JS

Question

У меня проблема, когда у меня есть индикатор выполнения на веб-сайте с максимальным значением 100 и значением, заданным динамически при загрузке страницы. Он хорошо работает на Firefox, Chrome и Safari, но на Microsoft Краю значение всегда интерпретируется как 0. Мой HTML-код, который находится внутри ng-repeat является:

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

element.progress всегда является целым числом. Когда я проверяю его на инструментах разработчика Edge, я вижу, что значение равно 0. Все остальное работает на веб-сайте, все значения отображаются правильно. Просто тег прогресса не работает. Если я использую document.getElementById и устанавливаю значение на консоли, он работает.

Answer 1

Использование Try нг-значение вместо значения

<progress max="100" ng-value="element.progress"></progress>