Помогите решить задачу c мультизагрузкой файлов с progress bar

Как можно сделать эту конструкцию на javascript?

var elem = $('<div class="file-info"><p>' + file.name + '</p><progress class="progress-bar" max="100" value="0"></progress></div>').appendTo(container);
      //добавляем инфу о файле в свойство превью
      elem.get(0).file = file;

Дело в том что я пытаюсь это решение автора сделать на чистом js, но этот кусок у меня не получается сделать правильно. У меня в моем варианте каждый раз значение файла перезаписывается на последний из загруженных файлов. Вот мой код:

container.innerHTML = "<div class="file-info"><p>' + file.name + '</p><progress class="progress-bar" max="100" value="0"></progress></div>"+container.innerHTML;
container.querySelectorAll(".file-info")[0].file = file;