小编Hii*_*ngo的帖子

Mui LinearProgress Bar 停止在显示屏上显示

我正在尝试使用材质 UI 制作自定义项目符号图,我的想法是 2 个 MuiLinearProgress 条彼此相邻,中间有一个垂直分隔线。我似乎找不到一种方法将它们并排显示。

<div className={classes.bulletGraph}>
  <div>
   <LinearProgress
    className={classes.firstBar}
    value={80}
    variant="determinate"
    title="test"
   />
  </div>
  <div>
   <LinearProgress
    className={classes.secondBar}
    value={0}
    variant="determinate"
   />
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

我尝试在父级上使用显示柔性,但它使它们消失,我也尝试了内联块,得到了相同的结果。

css flexbox progress-bar reactjs material-ui

7
推荐指数
1
解决办法
4082
查看次数

标签 统计

css ×1

flexbox ×1

material-ui ×1

progress-bar ×1

reactjs ×1