@building-block/track-progress

Track progress, bitrate (speed), remaining time from XHR upload & download events

Usage no npm install needed!

<script type="module">
  import buildingBlockTrackProgress from 'https://cdn.skypack.dev/@building-block/track-progress';
</script>

README

track-progress

Track progress, bitrate (speed), remaining time from XHR upload & download events

NPM Gzip Size

Installation

Using npm:

$ npm install --save @building-block/track-progress

Using yarn:

$ yarn add @building-block/track-progress

Usage

import xhrFetch from '@building-block/xhr-fetch';
import { createProgressTracker, fromXHREvent } from '@building-block/track-progress';

const trackUploadProgress = createProgressTracker();

response = await xhrFetch('/upload', {
  method: 'PUT',
  /* ... */
  onUploadProgress: xhrEvent => {
    const stats = trackUploadProgress(fromXHREvent(xhrEvent));
    /* ... */
  },
});

Try with Runkit