https://github.com/rofrol/react-dropzone-progress-bar

react-dropzone with progress bar
https://github.com/rofrol/react-dropzone-progress-bar

progress-bar react react-dropzone

Last synced: 11 months ago
JSON representation

react-dropzone with progress bar

• Host: GitHub
• URL: https://github.com/rofrol/react-dropzone-progress-bar
• Owner: rofrol
• License: apache-2.0
• Created: 2017-10-18T14:59:34.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2018-02-23T10:07:41.000Z (about 8 years ago)
• Last Synced: 2025-04-05T15:06:24.481Z (11 months ago)
• Topics: progress-bar, react, react-dropzone
• Language: JavaScript
• Homepage:
• Size: 151 KB
• Stars: 11
• Watchers: 2
• Forks: 3
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          

## react-dropzone with progress bar

Based on https://stackoverflow.com/questions/40476405/material-ui-linearprogress-bar-not-working.

![](/output.gif)

## Install

Install node and yarn. Then:

`yarn`

## Server

`node server.js`

## Client

```bash

npx webpack --display-error-details

npx http-server

```

Open http://localhost:8080 in the browser.

To see progress locally, cap network speed to Fast3G in Chrome/Firefox DevTools.