Callbacks

note

All Preloader's callbacks are available in this class.

progress

Fired when the preloader's progress updates.

const preloader = new ProgressPreloader({
  container: document.getElementById("container"),
}, {
  onProgress: () => console.log(preloader.progress),
});

or:

const destruct = preloader.on('progress', () => console.log(preloader.progress));

// Cancel the callback
destruct();

resource

Fired whenever a resource updates its loaded weight —
both DOM-based (data-loaded changes) and virtual resources.

const preloader = new ProgressPreloader({
  container: document.getElementById("container"),
}, {
  onResource: ({ id, weight, loaded }) => {
    console.log(id, `loaded ${loaded} / ${weight}`);
  }
});

or:

const destruct = preloader.on('resource', ({ id, weight, loaded }) => {
  console.log(id, `loaded ${loaded} / ${weight}`);
});

// Cancel the callback
destruct();