在reactjs材质ui进度栏中显示百分比数字

Question

我使用Linear Determinate，我想显示数字上完成了多少进度。就像下面的图片一样。

Answer 1

我不认为Material UI提供进度条，如上图所示。

但是，您可以使用React Bootstrap软件包并完成任务。

这是链接-https://react-bootstrap.github.io/components/progress/

Answer 2

您可以显示this.state.completed，其中显示进度的百分比值，并且只需向其中添加一些样式即可。当然，如果您想更加明确，则必须在末尾连接一个%，因为它只不过是一个数字。

Answer 3

Materiaui支持进度条的实现，请查看codesandbox

中的示例