Mulitple bars about nanobar HOT 4 OPEN

So what I did for a workaround for now is use some clever pseudo CSS

.nanobar .bar {
        visibility: hidden;
    }

        .nanobar .bar:first-child {
           visibility: visible;
       }

Which sets all .bar elements invisible always, except the first one. solves my problem and that enough for me.

from nanobar.

🤷‍♂️

from nanobar.

This might be the same issue i came to report.. You can see after every reload the nano bar becomes not so nano.... it grows by 1 bar after every load... how can I stop this? here is it in action: https://explorer.notallmine.net/txsPending/ loads after every 10 seconds... it eventually takes over the whole page with one big loading bar lol

<script> var nanobar = new Nanobar(); setInterval(function () { nanobar.go(65); $('#update_pending').load(location.href + ' #update_pending'); $(document).ajaxComplete(function () { nanobar.go(100); //progress 100 after ajax update complete }); }, 10000); //update every X ms. </script>

from nanobar.

.nanobar .bar {
visibility: hidden;
}

    .nanobar .bar:first-child {
       visibility: visible;
   }

I added this CSS to "hide" the issue:
.nanobar .bar { position: absolute; top: 0; left: 0; }
But those hidden divs are still building up in the background lol.. could cause issues. @jacoborus any help or advice would be great, i'm not sure what to do here :-)

from nanobar.