html - 更改垫进度条 "aria-valuemax"

标签 html css angular angular-material

有什么办法可以改变 Angular Material 进度条的 aria-valuemax="100"吗?

作为我组织中的一个元素,我从事城市 build 者的工作。我在资源栏中使用 mat-progress-bar。问题是当库存为例如:50 最大铁,然后最大进度条是进度条的 50%。

我在 mat-progress-bar 文件中找到了“aria-valuemax”。我试图在 html 页面中更改此值:

<mat-progress-bar class="energy-progress" [value]= "energy" aria-valuemax="energyMax">

但它不起作用。是否可以通过其他方式实现?

最佳答案

不要直接映射能量值。在映射之前进行百分比计算。

例如:

energyProgress = energy*100/energyMax
< mat-progress-bar class="energy-progress" [value]= "energyProgress" >

关于html - 更改垫进度条 "aria-valuemax",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58732622/

相关文章:

html - 非常简单的 CSS 最小高度 100% 边距问题

html - 强制响应式 <img> 扩展到父级 <div>

css - 无法用背景填满整个屏幕

html - 内联 block 之间的间距

javascript - 更高效的导航效果

javascript - 如何使 jQuery 可拖动 div 上的文本可选择?

javascript - jQuery一个div,两个url,用css做一个选择框

javascript - 将对象存储在 firebase 中以便稍后以简单的方式重新排序的正确方法是什么?

angular - 可选属性绑定(bind)

java - 使用 Spring JPA 保存新数据 - Angular 8