@selfcommunity/react-theme-default/lib/esm/components/SCProgressBar.js

Default theme to use with SelfCommunity TS library

const Component = {
    styleOverrides: {
        root: ({ theme }) => ({
            width: '100%',
            display: 'flex',
            flexDirection: 'column',
            alignItems: 'center',
            '& .SCProgressBar-bar': {
                width: '100%',
                height: 10,
                borderRadius: 5
            },
            '& .SCProgressBar-progress': {
                marginTop: theme.spacing(0.5),
                h4: {
                    fontWeight: theme.typography.fontWeightBold,
                    fontSize: '18px'
                }
            }
        })
    }
};
export default Component;