{"id":144,"date":"2025-10-16T08:59:15","date_gmt":"2025-10-16T08:59:15","guid":{"rendered":"https:\/\/arenabolt.com\/?p=144"},"modified":"2025-10-16T08:59:15","modified_gmt":"2025-10-16T08:59:15","slug":"136-2-2-2","status":"publish","type":"post","link":"https:\/\/arenabolt.com\/index.php\/2025\/10\/16\/136-2-2-2\/","title":{"rendered":"#2"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>Page 7 \/ 13<\/title>\n  <link href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/4.7.0\/css\/font-awesome.min.css\" rel=\"stylesheet\">\n  <style>\n    :root{\/*bg:#f5f7fb;*\/--card:#fff;--accent:#1e90ff;--accent-2:RoyalBlue}\n    body{font-family:Inter,Arial,Helvetica,sans-serif;background:var(--bg);margin:0;padding:36px;display:flex;align-items:center;justify-content:center;min-height:100vh}\n    .card{width:100%;max-width:680px;background:var(--card);border-radius:12px;padding:28px;box-shadow:0 6px 22px rgba(0,0,0,0.08);text-align:center;position:relative}\n\n    .header-text{font-size:20px;font-weight:700;color:#1e3a8a;margin-bottom:16px;text-align:center}\n\n    .meta{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:18px}\n    .page-number{font-weight:700;color:#1f2b46}\n    .progress-wrap{flex:1;max-width:320px}\n    .progress{height:12px;background:#eef3fb;border-radius:10px;overflow:hidden}\n    .progress>i{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:10px;transition:width 0.3s linear}\n\n    .controls{margin-top:24px}\n    .btn{display:inline-flex;align-items:center;gap:8px;border:0;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;text-decoration:none}\n    .btn-start{background:#2b6be6;color:white;box-shadow:0 6px 16px rgba(43,107,230,0.18)}\n    .btn-action{background:linear-gradient(180deg,#0f6ef0,#155bd6);color:white}\n    .countdown{margin-top:16px;font-weight:700;color:#364156}\n\n    .footer-text{margin-top:24px;font-size:14px;color:#1e3a8a;font-weight:600}\n\n    @media(max-width:420px){.card{padding:18px}}\n  <\/style>\n<\/head>\n<body>\n  <div class=\"card\" role=\"main\">\n    <div class=\"header-text\">Page Progress Tracker<\/div>\n    <div class=\"meta\">\n      <div class=\"page-number\" id=\"pageNumber\">Page <span id=\"current\">7<\/span> \/ <span id=\"total\">13<\/span><\/div>\n      <div class=\"progress-wrap\"><div class=\"progress\"><i id=\"progressBar\"><\/i><\/div><\/div>\n    <\/div>\n\n    <div class=\"controls\">\n      <button id=\"btnStart\" class=\"btn btn-start\"><i class=\"fa fa-forward\"><\/i> Continue<\/button>\n\n      <div id=\"countdownMessage\" class=\"countdown\" style=\"display:none\">\n        Please wait <span id=\"counter\">2.6<\/span> sec <i class=\"fa fa-spinner fa-spin\" style=\"margin-left:8px\"><\/i>\n      <\/div>\n\n      <!-- Next button will appear after timer -->\n      <div id=\"nextLinkContainer\" style=\"margin-top:14px\"><\/div>\n    <\/div>\n\n    <div class=\"footer-text\">Thanks for choosing Jashan Mods \ud83d\udc99<\/div>\n  <\/div>\n\n  <script>\n    const TOTAL_PAGES = 13;\n    let currentPage = 7;\n    const NEXT_URL = \"https:\/\/elitezoneplus.com\/123-2\/\";\n    const TIMER_SECONDS = 2.6087;\n\n    const progressBar = document.getElementById('progressBar');\n    const startBtn = document.getElementById('btnStart');\n    const countdownMessage = document.getElementById('countdownMessage');\n    const counterSpan = document.getElementById('counter');\n    const nextContainer = document.getElementById('nextLinkContainer');\n    const currentEl = document.getElementById('current');\n\n    function setProgress(page){\n      const pct = (page \/ TOTAL_PAGES) * 100;\n      progressBar.style.width = pct + '%';\n    }\n\n    function animateProgress(nextPage, duration){\n      const startPct = (currentPage \/ TOTAL_PAGES) * 100;\n      const endPct = (nextPage \/ TOTAL_PAGES) * 100;\n      const startTime = performance.now();\n      function step(now){\n        const t = Math.min(1, (now - startTime) \/ duration);\n        progressBar.style.width = startPct + (endPct - startPct) * t + '%';\n        if(t < 1) requestAnimationFrame(step);\n      }\n      requestAnimationFrame(step);\n    }\n\n    function buildSingleButton(){\n      nextContainer.innerHTML = '';\n      const a = document.createElement('a');\n      a.className = 'btn btn-action';\n      a.href = NEXT_URL;\n      a.target = '_blank';\n      a.rel = 'noopener noreferrer';\n      a.style.margin = '6px';\n      a.innerHTML = `<i class=\"fa fa-check\"><\/i> Go to Step ${'7'}`;\n      nextContainer.appendChild(a);\n    }\n\n    startBtn.addEventListener('click', () => {\n      startBtn.style.display = 'none';\n      countdownMessage.style.display = 'block';\n      let remaining = Math.round(TIMER_SECONDS * 10);\n      counterSpan.textContent = (remaining \/ 10).toFixed(1);\n\n      const timer = setInterval(() => {\n        remaining -= 1;\n        counterSpan.textContent = (remaining \/ 10).toFixed(1);\n        if (remaining <= 0) {\n          clearInterval(timer);\n          countdownMessage.style.display = 'none';\n          buildSingleButton();\n          animateProgress(TOTAL_PAGES, TIMER_SECONDS * 1000);\n          currentEl.textContent = currentPage;\n          setTimeout(()=> setProgress(currentPage), TIMER_SECONDS * 1000 + 50);\n        }\n      }, 100);\n    });\n\n    setProgress(currentPage);\n  <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Page 7 \/ 13 Page Progress Tracker Page 7 \/ 13 Continue Please wait 2.6 sec Thanks for choosing Jashan [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[9],"tags":[],"class_list":["post-144","post","type-post","status-publish","format-standard","hentry","category-page-12"],"_links":{"self":[{"href":"https:\/\/arenabolt.com\/index.php\/wp-json\/wp\/v2\/posts\/144","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arenabolt.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/arenabolt.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/arenabolt.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arenabolt.com\/index.php\/wp-json\/wp\/v2\/comments?post=144"}],"version-history":[{"count":1,"href":"https:\/\/arenabolt.com\/index.php\/wp-json\/wp\/v2\/posts\/144\/revisions"}],"predecessor-version":[{"id":145,"href":"https:\/\/arenabolt.com\/index.php\/wp-json\/wp\/v2\/posts\/144\/revisions\/145"}],"wp:attachment":[{"href":"https:\/\/arenabolt.com\/index.php\/wp-json\/wp\/v2\/media?parent=144"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/arenabolt.com\/index.php\/wp-json\/wp\/v2\/categories?post=144"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/arenabolt.com\/index.php\/wp-json\/wp\/v2\/tags?post=144"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}