برای نمایش progress bar می توانید از کامپوننت LinearProgress استفاده کنید. ابتدا ایمپورتش کنید:

import LinearProgress from "@material-ui/core/LinearProgress";

سپس در هر قسمتی از صفحه که خواستید آن را قرار دهید:

<LinearProgress variant="determinate" value={uploadProgress} />

* uploadProgress متغیر state ای است که برای نشان دادن درصد پیشرفت progress bar استفاده می کند و باید تعریفش کنید.

حالا باید در axios و در متد onUploadProgress ، uploadProgress را مقدار دهی کنید:

axios
        .post("http://localhost/posts/uploadFile", formData, { c
        ,
        onUploadProgress: (progressEvent) => {
          const progress = (progressEvent.loaded / progressEvent.total) * 100;
          setUploadProgress(progress);
        },
        onDownloadProgress: (progressEvent) => {
          const progress = 50 + (progressEvent.loaded / progressEvent.total) * 100;
          console.log(progress);
          setUploadProgress(progress);
        },
        })