FIXED :- #1220 Loading bar does not disappear after uploading file.

[MohdImran001]

Fixes #1220

I have verified that this pull request:

• has no linting errors (npm run lint)
• is descriptively named and links to an issue number, i.e. Fixes #1220

[welcome]

🎉 Thanks for opening this pull request! Please check out our contributing guidelines if you haven't already.

[catarak]

Thanks for working on this! I ended up fixing this in a different way, which specifically targets only plaintext files, and matches the styling when uploading other file types. Want to test and let me know that it's good?

[MohdImran001]

Hii @catarak, this line of code in the uploader.js file is not working and the progress bar is still visible after a successful upload. I tried changing its width to 0 and display property to 'none but nothing works.

file.previewElement.querySelector('.dz-upload').style.width = '100%';

After experimenting a little bit I found out that this works perfectly in a function passed in the success parameter of dropzone configuration. Please refer to the code below. This works perfectly for all file types.

In createDropzone() method, in FileUploader.js.

success: (file, response) => {
        file.previewElement.classList.remove('dz-error');
        file.previewElement.classList.add('dz-success');
        file.previewElement.querySelector('.dz-progress').style.display = 'none';
}

[MohdImran001]

Hii @catarak, I am participating in Hactoberfest for the first time and It would be great if you could add a hacktoberfest-accepted label on this PR. It would help me to claim a Limited Edition T-Shirt or get a tree planted.