Set LinearProgress value={progress} for Mobile Stepper Material UI

Viewed 169

Unable to set the value={progress} for MobileStepper when variant is progress. In Linear Porgress Props setting value as progress is showing NaN in aria-valueNow = "NaN". Any help is appreciated.

 <MobileStepper
          variant="progress"
          steps={6}
          position="static"
          activeStep={activeStep}
          sx={{ maxWidth: 400, flexGrow: 1 }}
          nextButton={
            <Button size="small" onClick={handleNext} disabled={activeStep === 5}>
              Next
              {theme.direction === 'rtl' ? (
                <KeyboardArrowLeft />
              ) : (
                <KeyboardArrowRight />
              )}
            </Button>
          }
          backButton={
            <Button size="small" onClick={handleBack} disabled={activeStep === 0}>
              {theme.direction === 'rtl' ? (
                <KeyboardArrowRight />
              ) : (
                <KeyboardArrowLeft />
              )}
              Back
            </Button>
    LinearProgressProps = {{
    value:{progress}
          }}
        />
0 Answers
Related