@sme-uploader/status-bar

A progress bar for SME Uploader, with many bells and whistles.

Usage no npm install needed!

<script type="module">
  import smeUploaderStatusBar from 'https://cdn.skypack.dev/@sme-uploader/status-bar';
</script>

README

@sme-uploader/status-bar

SME Uploader logo Build Status

The status-bar shows upload progress and speed, ETAs, pre- and post-processing information, and allows users to control (pause/resume/cancel) the upload. Best used together with a simple file source plugin, such as @sme-uploader/file-input or @sme-uploader/drag-drop, or a custom implementation. It is also included in the @sme-uploader/dashboard plugin.

Example

const SmeUploader = require('@sme-uploader/core')
const StatusBar = require('@sme-uploader/status-bar')

const uploader = new SmeUploader()
uploader.use(StatusBar, {
  target: 'body',
  hideUploadButton: false,
  showProgressDetails: false,
  hideAfterFinish: true
})

Installation

$ npm install @sme-uploader/status-bar

We recommend installing from npm and then using a module bundler such as Parcel, Webpack or Browserify.

Alternatively, you can also use this plugin in a pre-built bundle from CDN. In that case SmeUploader will attach itself to the global window.SmeUploader object. See the main SME Uploader documentation for instructions.

Documentation

Documentation for this plugin can be found on the SME Uploader website.

License

The MIT License.