Progress Bar doesn't work

[celogeek]

On my blog: https://blog.celogeek.com I can't make the progress bar works.

I check the signe-post-title-bar As soon as I start moving, it attach a display:none to the element. I check the code:

                if ( doc.scrollTop() > headerNavBrand.height() ) {
                    //headerBarContainer.fadeOut( 800 );
                    progressTitle.html( pageTitle.html() );
                    progressBarContainer.find( '.navbar-brand' ).html( headerNavBrand.html() );
                    progressBarContainer.fadeIn( 100 );
                    progressBarContainer.addClass( 'fixed-top' );
                    progressBarContainer.addClass( 'slide-down' );
                } else {
                    //headerBarContainer.fadeIn( 800 );
                    progressBarContainer.removeClass( 'slide-down' );
                    progressBarContainer.fadeOut( 100 );

                    if ( progressBarContainer.hasClass( 'fixed-top' ) ) {
                        setTimeout(function() {
                            progressBarContainer.removeClass( 'fixed-top' );
                        }, 500);
                    }
                }

I try to change the fadeIn by fadeOut and the other way around, I can see the bar appear but it doesn't stick to the top.

Any idea what I can missing here?