- uppy@0.27.1 - @uppy/aws-s3-multipart@0.27.1 - @uppy/aws-s3@0.27.1 - @uppy/companion-client@0.27.1 - @uppy/companion@0.14.1 - @uppy/dashboard@0.27.1 - @uppy/drag-drop@0.27.1 - @uppy/dropbox@0.27.1 - @uppy/file-input@0.27.1 - @uppy/form@0.27.1 - @uppy/golden-retriever@0.27.1 - @uppy/google-drive@0.27.1 - @uppy/informer@0.27.1 - @uppy/instagram@0.27.1 - @uppy/progress-bar@0.27.1 - @uppy/provider-views@0.27.1 - @uppy/react@0.27.1 - @uppy/redux-dev-tools@0.27.1 - @uppy/status-bar@0.27.1 - @uppy/thumbnail-generator@0.27.1 - @uppy/transloadit@0.27.1 - @uppy/tus@0.27.1 - @uppy/url@0.27.1 - @uppy/webcam@0.27.1 - @uppy/xhr-upload@0.27.1 |
||
|---|---|---|
| .. | ||
| src | ||
| types | ||
| LICENSE | ||
| package.json | ||
| README.md | ||
@uppy/status-bar
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 @uppy/file-input or @uppy/drag-drop, or a custom implementation. It is also included in the @uppy/dashboard plugin.
Uppy is being developed by the folks at Transloadit, a versatile file encoding service.
Example
const Uppy = require('@uppy/core')
const StatusBar = require('@uppy/status-bar')
const uppy = Uppy()
uppy.use(StatusBar, {
target: 'body',
hideUploadButton: false,
showProgressDetails: false,
hideAfterFinish: true
})
Installation
$ npm install @uppy/status-bar --save
We recommend installing from npm and then using a module bundler such as Webpack, Browserify or Rollup.js.
Alternatively, you can also use this plugin in a pre-built bundle from Transloadit's CDN: Edgly. In that case Uppy will attach itself to the global window.Uppy object. See the main Uppy documentation for instructions.
Documentation
Documentation for this plugin can be found on the Uppy website.