现在Bootstrap 4进度条中有宽度和值的原因是什么？

Question

<div class="progress">
<div class="progress-bar bg-info" role="progressbar" style="width: 50%" 

   aria-valuenow="50" aria-valuemin="0" 
   aria-valuemax="100">
</div>
</div>

第一个div是HTML的标准容器。第二个div＆＃34;进度条＆＃34;来自bootstrap。

但是第二个是style =＆＃34; width＆＃34;：50％和＆＃34; value-now＆＃34; = 50设置为相同的值。它们是如何联系的，为什么它们必须相同？

如果我删除所有其他咏叹调属性并且只留下＆＃34; style = width＆＃34; = 50％，它仍会显示50％。似乎其他因素 - 咏叹调，咏叹调，价值 - 现在是无关紧要的。

Answer 1

出于可访问性原因，ARIA属性存在。含义：它允许视力较低或没有视力的人通过屏幕阅读器正确访问您的网络内容。

屏幕阅读器会向他们读出值，以便他们了解您的网络内容。

强烈建议您尽可能使您的网页内容易于访问（对于屏幕阅读器设备）。

参考：

https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA