Sindbad~EG File Manager

<?php
/**
 * The template for displaying all single posts
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/#single-post
 *
 * @package cura
 */

get_header();
?>
<div id="primary" class="content-area">
	<main id="main" class="site-main">
		<!-- wraper_blog_main -->
		<section class="wraper_blog_main">
			<div class="container">
			    
				<!-- row -->
				<div class="row">
				    <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
				    </div>
				    <div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
				        <?php if (function_exists('rank_math_the_breadcrumbs')) rank_math_the_breadcrumbs(); ?>
				        <header class="entry-header">
                    		<?php
                    		if ( is_single() ) :
                    			the_title( '<h1 class="entry-title">', '</h1>' );
                    		else :
                    			the_title( '<h3 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h3>' );
                    		endif;
                    		?>
                    	</header><!-- .entry-header -->
                    	
                    	
						    <div <?php post_class( 'single-post' ); ?>>
	
                        	<?php
                        	if ( 'post' === get_post_type() ) :
                        		?>
                        		<div class="entry-meta">
                        			<?php radiantthemes_posted_on(); ?>
                        		</div><!-- .entry-meta -->
                        	<?php endif; ?>
                        	<?php if ( '' !== get_the_post_thumbnail() ) : ?>
                        		<div class="post-thumbnail">
                        			<?php the_post_thumbnail( 'full' ); ?>
                        		</div><!-- .post-thumbnail -->
                        	<?php endif; ?>
                    	   </div>
                    	 
                	</div>
                </div>
                            	
				<!-- row -->
				<div class="row">
				    	
				    <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
				        <?php 
            				dynamic_sidebar( 'Left Sidebar' ); 
            			?>
				    </div>
					<div class="col-lg-8 col-md-8 col-sm-12 col-xs-12">
						<!-- blog_single -->
						<div class="blog_single">
						    <article id="post-<?php the_ID(); ?>" <?php post_class( 'single-post' ); ?>>
	
                            	<div class="entry-main">
                            		<div class="entry-content default-page">
                            			<?php
                            			the_content(
                            				sprintf(
                            					wp_kses(
                            						/* translators: %s: Name of current post. */
                            						__( 'Continue reading %s <span class="meta-nav">&rarr;</span>', 'cura' ),
                            						array(
                            							'span' => array(
                            								'class' => array(),
                            							),
                            						)
                            					),
                            					the_title( '<span class="screen-reader-text">"', '"</span>', false )
                            				)
                            			);
                            			wp_link_pages(
                            				array(
                            					'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'cura' ),
                            					'after'  => '</div>',
                            				)
                            			);
                            			?>
                            			<div class="clearfix"></div>
                            		</div><!-- .entry-content -->
                            	</div><!-- .entry-main -->
                            </article><!-- #post-## -->
						</div>
						<!-- blog_single -->
					</div>
                    <div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
                        <?php 
            				dynamic_sidebar( 'Right Sidebar' ); 
            			?>
				    </div>
				</div>
				<!-- row -->
			</div>
		</section>
		<!-- wraper_blog_main -->
	</main><!-- #main -->
</div><!-- #primary -->
<div class="headerr">
	 <h2>Scroll Indicator</h2>
  <div class="progress-containerr">
    <div class="progress-barr" id="myBarr"></div>
  </div>
</div>
<?php
get_footer();
?>
<style>
    /* Style the header: fixed position (always stay at the top) */
.headerr {
  position: fixed;
  top: 0;
  z-index: 1;
  width: 100%;
  background-color: #f1f1f1;
}

/* The progress container (grey background) */
.progress-containerr {
  width: 100%;
  height: 5px;
  background: #e0404f;
}

/* The progress bar (scroll indicator) */
.progress-barr {
  height: 5px;
  background: #25a6ea;
  width: 0%;
}
</style>
<script>
// When the user scrolls the page, execute myFunction
window.onscroll = function() {myFunction()};

function myFunction() {
  var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
  var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
  var scrolled = (winScroll / height) * 100;
  document.getElementById("myBarr").style.width = scrolled + "%";
}
</script>