XHR und mehrere Progressbars

[1unitedpower]

Danke für den Hinweis. Wie ordnest Du denn eine Progressbar zu, ohne dem XHR-Object eine id zu verpassen?

Ich trenne Datenbeschaffung und Ausgabe vollständig voneinander und lasse die Zustände automatisch von einem Zustands-Container synchronisieren, d.h. in der Praxis von Redux oder dem Elm-Laufzeitsystem. Die Fragestellung ergibt in einer solchen Architektur keinen Sinn. Um dir trotzdem eine praktische Antwort zu geben, gehen wir davon aus, dass dein XHR-Objekt und das Progress-Element über Variablen zur Verfügung stehen.

const request = new XMLHttpRequest();
const progress = document.querySelector('progress');

Dann könntest du die Zuordnungen zum Beispiel in einer Map verwalten:

const map = new Map([[request,progress]]);