Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

show percentage number in reactjs material ui progress bar

I use Linear Determinate and i want to display how much progress is completed in number. like below image.

enter image description here

like image 770
stack qtion Avatar asked Jul 09 '18 21:07

stack qtion


People also ask

How do you use material-UI in react?

We must install the Material-UI to access its different functionalities or components. Open your terminal, and ensure that you are inside your application's master folder. Type npm install @material-ui/core in the terminal and click enter. Run the command below to use Material-UI icons in our project.


1 Answers

I don't think Material UI provides progress bar as shown in your image above.

However, you can make use of React Bootstrap package and get things done.

Here is the link - https://react-bootstrap.github.io/components/progress/

like image 56
Harsh Makadia Avatar answered Oct 22 '22 19:10

Harsh Makadia