尝试在LinearProgress材料顶部显示文本Ui/React

import React from 'react';
import LinearProgress from '@material-ui/core/LinearProgress';

function LinearProgressWithText() {
  const [progress, setProgress] = React.useState(0);

  // 这里可以根据实际需求定义文本内容
  const text = `${progress}%`;

  return (
    <div>
      <div>{text}</div>
      <LinearProgress variant="determinate" value={progress} />
    </div>
  );
}

function App() {
  return (
    <div>
      <LinearProgressWithText />
    </div>
  );
}

ReactDOM.render(<App />, document.getElementById('root'));