Adding the upload progress bar

[puneet29]

Add the progress bar indicating the progress of the uploading photo. Consider the responsiveness of the website when adding the components.

[garvita-jain]

Hi I'd like to work on this issue. Can you guide me a little?

[puneet29]

Hey there, @garvita-jain

Background

Okay so, if you can clone the repo and work locally with it, you'll find that the app basically converts any image to a stylized version of it. The thing is when we are uploading the image locally, it works effortlessly and the results are shown in a matter of seconds which is bearable by the user. But our user is using the app that is deployed on the web, and uploading to web is quite time-consuming. By web here I mean AWS S3 bucket. The thing is that when we upload there is no progress bar or some UI that depicts the upload progress. The only UI available is the chrome's loading bar at the top of the tab.

So the resolution

To integrate a progress bar that depicts the upload percentage when the user uploads the image. Take a note that we are using flask for uploading, so this might not be a mainstream task of integrating progress bar, but you can always search the web. :)

[garvita-jain]

I am supposed to work on the stylize.py file and add a progress bar using flask in the code segment with the comment "Load comment image", right?
I am sorry but I am a beginner and would be depending on the web only to work on this issue and would be really grateful for some guidance.
Thanks

[puneet29]

Hey @garvita-jain
Sorry for the late reply. I think you can do a quick google search and something will surely come up. There are more than one ways to do the same. Just check it out, if you get caught somewhere I will be here to help.