ES6 Promise.all progress

by

I’ve knocked up a little helper function that you can re-use.

Basically pass your promises as normal, and provide a callback to do what you want with the progress..

function allProgress(proms, progress_cb) {
  let d = 0;
  progress_cb(0);
  for (const p of proms) {
    p.then(()=> {    
      d ++;
      progress_cb( (d * 100) / proms.length );
    });
  }
  return Promise.all(proms);
}

function test(ms) {
  return new Promise((resolve) => {
    setTimeout(() => {
       console.log(`Waited ${ms}`);
       resolve();
     }, ms);
  });
}


allProgress([test(1000), test(3000), test(2000), test(3500)],
  (p) => {
     console.log(`% Done = ${p.toFixed(2)}`);
});

More Related Contents:

  1. How to return many Promises and wait for them all before doing other stuff
  2. How to dodge jQuery promises completely when chaining two async jQuery functions?
  3. Cancel a vanilla ECMAScript 6 Promise chain
  4. What is the order of execution in JavaScript promises?
  5. ES6 promise settled callback?
  6. When is the body of a Promise executed?
  7. ES6 Promise.all() error handle – Is .settle() needed? [duplicate]
  8. multiple, sequential fetch() Promise
  9. How do I tell if an object is a Promise?
  10. How to use promise in forEach loop of array to populate an object
  11. Should a Promise.reject message be wrapped in Error?
  12. What is the best way to limit concurrency when using ES6’s Promise.all()?
  13. ES6 Promises – something like async.each?
  14. Filtering an array with a function that returns a promise
  15. How to use Typescript with native ES6 Promises
  16. Catch all unhandled javascript promise rejections
  17. using a fetch inside another fetch in javascript
  18. How to measure the execution time of a promise?
  19. Why is the response object from JavaScript fetch API a promise?
  20. Extend Javascript promise and resolve or reject it inside constructor
  21. Promise.all with Firebase DataSnapshot.forEach
  22. ES6 Promise not Updating AngularJS DOM [duplicate]
  23. Why does the Promise constructor require a function that calls ‘resolve’ when complete, but ‘then’ does not – it returns a value instead?
  24. When would someone need to create a deferred?
  25. ES6 promise execution order for returned values
  26. How to extract data out of a Promise
  27. ES6 Promise replacement of async.eachLimit / async.mapLimit
  28. What are the implications of the recursive joining of Promises in terms of Monads?
  29. When is the body of a Promise constructor callback executed?
  30. Weird behavior with Promise throwing “Unhandled promise rejection” error

Leave a Comment