progress-up-react

Progress-up React HTTPs uploader

Progress types

What is this?

This is a HTML5 multiple files Upload plugin with progress bar indicator.

This uses the HTTP File API protocol to show continuous progress.

This is the very first attempt to create a clean no frills upload plugin in 100% Typescript. Now available for Angular, Vue, Svelte and React.

Canonical home page

Demo

Live demo

Instructions

	$ npm install progress-up-react
# or 
	$ yarn add progress-up-react

Configuration

{
         "uploadURL": "https://localhost:2324/uploadmultiple",
         "filesName": "uploadFiles",
         "progressType": "Line"
}
  

This is located inside the root of your project. Typically index.html is served from this directory.

You can choose one of 10 progress types.

• Line
• Fan
• Bubble
• Energy
• Rainbow
• Stripe
• Text
• Circle

Detailed instructions

• Developer docs
• Live demo
• React.js

Screenshots gallery

This is before upload

This is after uploading

This is before upload

This is after uploading

Why should you care?

If you allow multiple large files upload then a progress indicator is a cool way to give user feedback.

Nowadays HTML5 File API based progress is the best way to achieve your goal.

Screencast of upload

Contact

You can DM me on Twitter for help/suggestions.

You can follow me for updates.

Tweet this to followers

Buy me a coffee to accelerate development