首页 > 解决方案 > 如何在材质ui中设置LinearProgress的最大值?

问题描述

LinearProgress在我的页面中使用材料 ui 并且我的最大值LinearProgress并非100一直如此,有时它可以是 10、20、5 ..。我试着做

   <LinearProgress
            variant="determinate"
            value={section.Remaining_Qty}
            maxValue={50} // added             
    />

但它不起作用。还有其他方法可以实现吗?

标签: reactjsmaterial-ui

解决方案


在 value 属性中使用这个公式:

Math.round((100 / maxValue) * currentValue)

推荐阅读