import React from 'react' ; import { makeStyles , withStyles } from '@material-ui/core/styles' ; import CircularProgress from '@material-ui/core/CircularProgress' ; import LinearProgress from '@material-ui/core/LinearProgress' ; export const BorderLinearProgress = withStyles ( ( theme ) => ( { root : { height : 10 , borderRadius : 5 , } , colorPrimary : { backgroundColor : theme . palette . grey [ theme . palette . type === 'light' ? 200 : 700 ] , } , bar : { borderRadius : 5 , backgroundColor : '#1a90ff' , } , } ) ) ( LinearProgress ) ;