如何用html网页打开磁盘,html – 如何构建磁盘状态图？

你基本上是在谈论几个进度条放在一起……这里是如何在React中创建一个进度条：

主要成分：

class ProgressBarExample extends React.Component {

state = { percentage: 0 };

nextStep = () => {

if (this.state.percentage === 100) return;

this.setState({ percentage: this.state.percentage + 20 });

};

render() {

return (

A React Progress Bar

Next Step

style={{ marginTop: '10px', color: 'blue', marginBottom: '15px' }}

onClick={() => this.setState({ percentage: 0 })}

>

Reset

);

}

}

这是您的进度条组件：

const ProgressBar = props => {

return (

);

};

这是你的填充物：

const Filler = props => {

return

};