Inserção de elemento "div" dentro de elemento "td"

Pessoal, estou tentando usar uma progressbar do bootstrap para exibição da porcentagem da minha td. Porém quando eu tento capturar a td.info-progresso e fazer um appendChild nela com 2 div's (uma, após outra no seu interior). O código não retorna erro no console mas não faz a adição dos elementos.

Alguém consegue identificar o que eu tenho feito de errado?

Segue meu HTML base:

 <tr class="series">
      <td scope="row" class="uppercase text-center info-id">1</td>
        <td scope="row" class="uppercase text-center info-nome">DARK</td>
        <td scope="row" class="uppercase text-center info-temp">3</td>
         <td scope="row" class="uppercase text-center info-total-ep">26</td>
         <td scope="row" class="uppercase text-center info-eps">18</td>
         <td scope="row" class="uppercase text-center info-progresso">
                  <div class="progress" >
                       <div class="progress-bar bg-success text-center" role="progressbar" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100"></div>
                  </div>
</td>
      </tr>

Aqui está o JS que deveria fazer a inserção:

function createTr(serie){

    var serieTr = document.createElement('tr');
    serieTr.classList.add('series');

    var idTd = document.createElement('td');
    idTd.classList.add('uppercase', 'text-center', 'info-id');

    var infoProgresso = document.querySelector('.info-progresso');

    var progressBar = document.createElement('div');
    progressBar.classList.add('progress');

    infoProgresso.appendChild(progressBar);

    var progressResult = document.createElement('div');
    progressResult.classList.add('progress-bar', 'bg-success', 'text-center');

    progressBar.appendChild(progressResult);



    idTd.textContent = 3

    serieTr.appendChild(idTd);
    serieTr.appendChild(createTd(serie.name, 'info-nome', 'text-center', 'uppercase'));
    serieTr.appendChild(createTd(serie.seasons, 'info-temp', 'text-center', 'uppercase'));
    serieTr.appendChild(createTd(serie.eps, 'info-total-ep', 'text-center', 'uppercase'));
    serieTr.appendChild(createTd(serie.watchEps, 'info-eps', 'text-center', 'uppercase'));
    serieTr.appendChild(createTd(serie.progress, 'info-progresso', 'text-center', 'uppercase'));

    return serieTr;

}