mirror of
https://github.com/transloadit/uppy.git
synced 2026-07-23 18:29:09 +00:00
| Package | Version | Package | Version | | ---------------- | ------- | ---------------- | ------- | | @uppy/compressor | 1.1.4 | @uppy/status-bar | 3.3.3 | | @uppy/core | 3.11.2 | uppy | 3.25.2 | | @uppy/dashboard | 3.8.3 | | | - @uppy/compressor,@uppy/core,@uppy/dashboard,@uppy/status-bar: Upgrade @transloadit/prettier-bytes (Merlijn Vos / #5150) - meta: run Prettier in the release workflow (Antoine du Hamel) |
||
|---|---|---|
| .. | ||
| src | ||
| types | ||
| .npmignore | ||
| CHANGELOG.md | ||
| LICENSE | ||
| package.json | ||
| README.md | ||
| tsconfig.build.json | ||
| tsconfig.json | ||
@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 basic file source plugin, such as @uppy/file-input or @uppy/drag-drop, or a custom implementation. It’s also included in the @uppy/dashboard plugin.
Uppy is being developed by the folks at Transloadit, a versatile file encoding service.
Example
import Uppy from '@uppy/core'
import StatusBar from '@uppy/status-bar'
const uppy = new Uppy()
uppy.use(StatusBar, {
target: 'body',
hideUploadButton: false,
showProgressDetails: false,
hideAfterFinish: true,
})
Installation
$ npm install @uppy/status-bar
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.