Html 什么'；引导4进度条中现在有宽度和值的原因是什么？

第一个div是来自HTML的标准容器。第二组的“进度条”来自引导

但是第二个将style=“width”：50%和“value now”=50设置为相同的值。它们是如何联系的，为什么它们必须是相同的

如果我删除所有其他aria属性，只保留“style=width”=50%，它仍然显示50%。似乎其他属性-aria min、aria max、value now都不相关

---

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

屏幕阅读器将向他们读出这些值，以便他们能够理解您的web内容

强烈建议您尽可能保持web内容的可访问性（对于屏幕阅读器设备）

参考：

---

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

屏幕阅读器将向他们读出这些值，以便他们能够理解您的web内容

强烈建议您尽可能保持web内容的可访问性（对于屏幕阅读器设备）

参考：

---

所有ARIA属性都是屏幕阅读器的标准属性。使用ARIA属性将使您的站点更易于访问。@Klooven，因此实际进度条显示为style=width。.是的，它就是这样工作的。所有ARIA属性都是屏幕阅读器的标准属性。使用ARIA属性将使您的站点更容易访问。@Klooven，因此实际进度条显示为style=width。.是的，它就是这样工作的。虽然它没有清楚地回答我的问题，但请澄清！你说的“没有清楚回答我的问题”是什么意思？答案是：你可以省略那些ARIA属性。他们不需要让进度条工作。但是如果你不考虑它们，有屏幕阅读器的人将无法理解你的网页内容。虽然它不能清楚地回答我的问题，谢谢澄清！你说的“没有清楚回答我的问题”是什么意思？答案是：你可以省略那些ARIA属性。他们不需要让进度条工作。但是如果你把它们排除在外，有屏幕阅读器的人将无法理解你的网页内容。

<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>