Upload souboru a jednoduchý progress bar s Naja.js

Ahoj,

potřeboval bych primitivní progress bar při uploadování souborů pomocí $form->addMultiUpload().

JS mi nejde, s pomocí ChatGPT jsem se po mnoha hodinách experimentování dostal k tomuto kódu, ale ten progress to vůbec nechytne. Máte někdo jednoduché řešení, prosím?

document.addEventListener('DOMContentLoaded', () => {
    const progressBarExtension = {
        initialize(naja) {
            const progressBar = document.getElementById('uploadProgressBar');
            const progressBarContainer = document.getElementById('progressBarContainer');
            const progressPercentage = document.getElementById('progressPercentage');

            naja.addEventListener('start', () => {
                progressBarContainer.style.display = 'block'
            });

            naja.addEventListener('progress', (event) => {
                const percentage = Math.round((event.detail.loaded / event.detail.total) * 100);
                progressBar.value = percentage;
                progressPercentage.textContent = percentage + '%';
            });

            naja.addEventListener('complete', () => {
                progressBarContainer.style.display = 'none'
                progressBar.value = 0;
                progressPercentage.textContent = '0%';
            });
        }
    };

    naja.registerExtension(progressBarExtension);
});