| Server IP : 185.252.147.100 / Your IP : 216.73.217.33 Web Server : nginx/1.27.3 System : Linux mitrofanov.ru 6.1.0-37-amd64 #1 SMP PREEMPT_DYNAMIC Debian 6.1.140-1 (2025-05-22) x86_64 User : mitr ( 1000) PHP Version : 8.2.29 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /www/html/tour.mitrofanov.ru/public_04_11/wp-content/themes/greenshift/assets/progressbar/ |
Upload File : |
const FRreadingProgress = target => {
const winTop = window.pageYOffset || document.documentElement.scrollTop;
const targetBottom = target.offsetTop + target.scrollHeight;
const windowBottom = winTop + window.outerHeight;
const progress = 100 - (((targetBottom - windowBottom + window.outerHeight / 3) / (targetBottom - window.outerHeight + window.outerHeight / 3)) * 100);
document.querySelector('#gs-progress-bar').style.width = progress + '%';
(progress > 100) ? document.querySelector('#gs-progress-container').classList.add('ready') : document.querySelector('#gs-progress-container').classList.remove('ready');
};
document.addEventListener('DOMContentLoaded', () => {
const content = document.querySelector('.entry-content');
let greenshiftprogress = document.createElement('div');
greenshiftprogress.id = "gs-progress-container";
greenshiftprogress.insertAdjacentHTML('beforeend', '<div id="gs-progress-bar"><style scoped>#gs-progress-container{position:fixed;width:100%;height:4px;left:0;top:0;z-index:1000000;background:0 0;}#gs-progress-container.ready{transform:translateY(-3px)}#gs-progress-bar{display:block;width:0;height:3px;background:var(--wp--preset--color--primary)}</style></div>');
document.body.appendChild(greenshiftprogress);
FRreadingProgress(content);
window.addEventListener('scroll', () => {
FRreadingProgress(content);
});
});