{"id":3905,"date":"2026-06-05T02:09:22","date_gmt":"2026-06-05T02:09:22","guid":{"rendered":"https:\/\/akademik.universitas-bth.ac.id\/?page_id=3905"},"modified":"2026-06-23T07:28:32","modified_gmt":"2026-06-23T07:28:32","slug":"progres-dokumen-lulusan-psppa-12","status":"publish","type":"page","link":"https:\/\/akademik.universitas-bth.ac.id\/?page_id=3905","title":{"rendered":"Progres Dokumen Lulusan PSPPA 12"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3905\" class=\"elementor elementor-3905\">\n\t\t\t\t<div class=\"elementor-element elementor-element-39bc8a9 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no e-con e-parent\" data-id=\"39bc8a9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6a4251b elementor-widget elementor-widget-html\" data-id=\"6a4251b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"serprof-progress-section\">\r\n\r\n  <!-- HEADER -->\r\n  <div class=\"serprof-header\">\r\n    <h1>Proses Cetak Sertifikat Profesi Apoteker XII<\/h1>\r\n    <p>\r\n      Pantau setiap tahapan proses cetak dan legalisir Sertifikat Profesi Apoteker\r\n      secara transparan dan real-time.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <!-- BAGIAN ATAS: RINGKASAN + LEGENDA -->\r\n  <div class=\"serprof-layout\">\r\n\r\n    <!-- RINGKASAN PROGRES -->\r\n    <div class=\"serprof-main\">\r\n\r\n      <div class=\"progress-summary-card\" id=\"progressSummary\" style=\"--progress: 0%;\">\r\n\r\n        <div class=\"progress-circle\">\r\n          <div class=\"progress-circle-inner\">\r\n            <strong id=\"totalProgressText\">0%<\/strong>\r\n            <span>Total Progres<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"progress-summary-content\">\r\n          <h2>Ringkasan Proses Keseluruhan<\/h2>\r\n\r\n          <div class=\"progress-bar-area\">\r\n            <div class=\"progress-bar\">\r\n              <span><\/span>\r\n            <\/div>\r\n            <strong id=\"progressPercentText\">0%<\/strong>\r\n          <\/div>\r\n\r\n          <div class=\"summary-box-grid\">\r\n            <div class=\"summary-box done\">\r\n              <div class=\"summary-icon\">\u2713<\/div>\r\n              <div>\r\n                <strong id=\"doneCount\">0<\/strong>\r\n                <span>Selesai<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"summary-box process\">\r\n              <div class=\"summary-icon\">\u23f1<\/div>\r\n              <div>\r\n                <strong id=\"processCount\">0<\/strong>\r\n                <span>Sedang Proses<\/span>\r\n              <\/div>\r\n            <\/div>\r\n\r\n            <div class=\"summary-box pending\">\r\n              <div class=\"summary-icon\">\u2022<\/div>\r\n              <div>\r\n                <strong id=\"pendingCount\">0<\/strong>\r\n                <span>Belum Diproses<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- LEGENDA STATUS -->\r\n    <aside class=\"serprof-sidebar\">\r\n      <div class=\"side-card legend-card\">\r\n        <h2>Keterangan Status<\/h2>\r\n\r\n        <div class=\"legend-item done\">\r\n          <div class=\"legend-icon\">\u2713<\/div>\r\n          <div>\r\n            <strong>Selesai<\/strong>\r\n            <span>Tahapan telah selesai dilakukan<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"legend-item process\">\r\n          <div class=\"legend-icon\">\u23f1<\/div>\r\n          <div>\r\n            <strong>Sedang Proses<\/strong>\r\n            <span>Tahapan sedang dikerjakan<\/span>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"legend-item pending\">\r\n          <div class=\"legend-icon\">\u2022<\/div>\r\n          <div>\r\n            <strong>Belum Diproses<\/strong>\r\n            <span>Tahapan belum dikerjakan<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/aside>\r\n\r\n  <\/div>\r\n\r\n  <!-- DAFTAR PROSES DIPINDAH KE LUAR LAYOUT ATAS AGAR LEBAR PENUH -->\r\n  <div class=\"process-grid\">\r\n\r\n    <!-- PROSES CETAK -->\r\n    <div class=\"process-card\">\r\n      <div class=\"process-card-header\">\r\n        <div class=\"process-label\">A<\/div>\r\n        <h2>Proses Cetak Sertifikat Profesi Apoteker<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"process-list\">\r\n\r\n        <div class=\"process-step status-done\"> <!-- Update PROSES -->\r\n          <div class=\"step-number\">1<\/div>\r\n          <div class=\"step-icon\">\ud83d\udda8\ufe0f<\/div>\r\n          <div class=\"step-content\">\r\n            <h3>Cetak Sertifikat Profesi Apoteker<\/h3>\r\n          <\/div>\r\n          <div class=\"status-badge\">Selesai<\/div> <!-- Update PROSES -->\r\n        <\/div>\r\n\r\n        <div class=\"process-step status-done\"> <!-- Update PROSES -->\r\n          <div class=\"step-number\">2<\/div>\r\n          <div class=\"step-icon\">\ud83d\uddbc\ufe0f<\/div>\r\n          <div class=\"step-content\">\r\n            <h3>Tempel Foto<\/h3>\r\n          <\/div>\r\n          <div class=\"status-badge\">Selesai<\/div> \r\n        <\/div>\r\n\r\n        <div class=\"process-step status-done\"> <!-- Update PROSES -->\r\n          <div class=\"step-number\">3<\/div>\r\n          <div class=\"step-icon\">\u270d\ufe0f<\/div>\r\n          <div class=\"step-content\">\r\n            <h3>Tanda Tangan Dekan<\/h3>\r\n          <\/div>\r\n          <div class=\"status-badge\">Selesai<\/div> <!-- Update PROSES -->\r\n        <\/div>\r\n\r\n        <div class=\"process-step status-done\"> <!-- Update PROSES -->\r\n          <div class=\"step-number\">4<\/div>\r\n          <div class=\"step-icon\">\u270d\ufe0f<\/div>\r\n          <div class=\"step-content\">\r\n            <h3>Tanda Tangan Rektor<\/h3>\r\n          <\/div>\r\n          <div class=\"status-badge\">Selesai<\/div> <!-- Update PROSES -->\r\n        <\/div>\r\n\r\n        <div class=\"process-step status-done\"> <!-- Update PROSES -->\r\n          <div class=\"step-number\">5<\/div>\r\n          <div class=\"step-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n          <div class=\"step-content\">\r\n            <h3>Stempel Sertifikat Profesi Apoteker<\/h3>\r\n          <\/div>\r\n          <div class=\"status-badge\">Selesai<\/div> <!-- Update PROSES -->\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- PROSES LEGALISIR -->\r\n    <div class=\"process-card\">\r\n      <div class=\"process-card-header\">\r\n        <div class=\"process-label\">B<\/div>\r\n        <h2>Proses Legalisir<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"process-list\">\r\n\r\n        <div class=\"process-step status-done\"> <!-- Update PROSES -->\r\n          <div class=\"step-number\">1<\/div>\r\n          <div class=\"step-icon\">\ud83d\udcc4<\/div>\r\n          <div class=\"step-content\">\r\n            <h3>Fotocopy Sertifikat Profesi Apoteker<\/h3> \r\n          <\/div>\r\n          <div class=\"status-badge\">Selesai<\/div> <!-- Update PROSES -->\r\n        <\/div>\r\n\r\n        <div class=\"process-step status-done\"> <!-- Update PROSES -->\r\n          <div class=\"step-number\">2<\/div>\r\n          <div class=\"step-icon\">\ud83d\udd22<\/div>\r\n          <div class=\"step-content\">\r\n            <h3>Penulisan Nomor Legalisir<\/h3>\r\n          <\/div>\r\n          <div class=\"status-badge\">Selesai<\/div> <!-- Update PROSES -->\r\n        <\/div>\r\n\r\n        <div class=\"process-step status-done\"> <!-- Update PROSES -->\r\n          <div class=\"step-number\">3<\/div>\r\n          <div class=\"step-icon\">\u270d\ufe0f<\/div>\r\n          <div class=\"step-content\">\r\n            <h3>Tanda Tangan Dekan<\/h3>\r\n          <\/div>\r\n          <div class=\"status-badge\">Selesai<\/div> <!-- Update PROSES -->\r\n        <\/div>\r\n\r\n        <div class=\"process-step status-done\"> <!-- Update PROSES -->\r\n          <div class=\"step-number\">4<\/div>\r\n          <div class=\"step-icon\">\ud83c\udfdb\ufe0f<\/div>\r\n          <div class=\"step-content\">\r\n            <h3>Stempel Legalisir<\/h3>\r\n          <\/div>\r\n          <div class=\"status-badge\">Selesai<\/div> <!-- Update PROSES -->\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <!-- BAGIAN BAWAH: TRUST + CATATAN -->\r\n  <div class=\"serprof-bottom-grid\">\r\n\r\n    <div class=\"trust-card\">\r\n      <div class=\"trust-icon\">\ud83d\udee1\ufe0f<\/div>\r\n      <div>\r\n        <h3>Transparan, Akuntabel, Terpercaya<\/h3>\r\n        <p>\r\n          Kami berkomitmen memberikan layanan terbaik dengan proses yang\r\n          transparan dan dapat dipantau setiap saat.\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"side-card note-card\">\r\n      <div class=\"note-header\">\r\n        <div class=\"note-icon\">i<\/div>\r\n        <h2>Catatan<\/h2>\r\n      <\/div>\r\n\r\n      <p>\r\n        Dashboard ini membantu Anda memantau progres proses cetak dan legalisir\r\n        Sertifikat Profesi Apoteker secara transparan dan real-time.\r\n      <\/p>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<script>\r\ndocument.addEventListener(\"DOMContentLoaded\", function () {\r\n  function updateSerprofProgress() {\r\n    const steps = document.querySelectorAll(\".process-step\");\r\n\r\n    const total = steps.length;\r\n    const done = document.querySelectorAll(\".process-step.status-done\").length;\r\n    const process = document.querySelectorAll(\".process-step.status-process\").length;\r\n    const pending = document.querySelectorAll(\".process-step.status-pending\").length;\r\n\r\n    const ROUND_TO_NEAREST_10 = true;\r\n\r\n    let percent = total > 0 ? (done \/ total) * 100 : 0;\r\n\r\n    if (ROUND_TO_NEAREST_10) {\r\n      percent = Math.round(percent \/ 10) * 10;\r\n    } else {\r\n      percent = Math.round(percent);\r\n    }\r\n\r\n    const progressSummary = document.getElementById(\"progressSummary\");\r\n    const totalProgressText = document.getElementById(\"totalProgressText\");\r\n    const progressPercentText = document.getElementById(\"progressPercentText\");\r\n    const doneCount = document.getElementById(\"doneCount\");\r\n    const processCount = document.getElementById(\"processCount\");\r\n    const pendingCount = document.getElementById(\"pendingCount\");\r\n\r\n    if (progressSummary) {\r\n      progressSummary.style.setProperty(\"--progress\", percent + \"%\");\r\n    }\r\n\r\n    if (totalProgressText) {\r\n      totalProgressText.textContent = percent + \"%\";\r\n    }\r\n\r\n    if (progressPercentText) {\r\n      progressPercentText.textContent = percent + \"%\";\r\n    }\r\n\r\n    if (doneCount) {\r\n      doneCount.textContent = done;\r\n    }\r\n\r\n    if (processCount) {\r\n      processCount.textContent = process;\r\n    }\r\n\r\n    if (pendingCount) {\r\n      pendingCount.textContent = pending;\r\n    }\r\n\r\n    updateStatusBadges();\r\n  }\r\n\r\n  function updateStatusBadges() {\r\n    const steps = document.querySelectorAll(\".process-step\");\r\n\r\n    steps.forEach(function (step) {\r\n      const badge = step.querySelector(\".status-badge\");\r\n\r\n      if (!badge) return;\r\n\r\n      if (step.classList.contains(\"status-done\")) {\r\n        badge.textContent = \"Selesai\";\r\n      } else if (step.classList.contains(\"status-process\")) {\r\n        badge.textContent = \"Sedang Proses\";\r\n      } else if (step.classList.contains(\"status-pending\")) {\r\n        badge.textContent = \"Belum Diproses\";\r\n      }\r\n    });\r\n  }\r\n\r\n  updateSerprofProgress();\r\n\r\n  const observer = new MutationObserver(function () {\r\n    updateSerprofProgress();\r\n  });\r\n\r\n  document.querySelectorAll(\".process-step\").forEach(function (step) {\r\n    observer.observe(step, {\r\n      attributes: true,\r\n      attributeFilter: [\"class\"]\r\n    });\r\n  });\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Proses Cetak Sertifikat Profesi Apoteker XII Pantau setiap tahapan proses cetak dan legalisir Sertifikat Profesi Apoteker secara transparan dan real-time. 0% Total Progres Ringkasan Proses Keseluruhan 0% \u2713 0 Selesai \u23f1 0 Sedang Proses \u2022 0 Belum Diproses Keterangan Status \u2713 Selesai Tahapan telah selesai dilakukan \u23f1 Sedang Proses Tahapan sedang dikerjakan \u2022 Belum Diproses Tahapan belum dikerjakan A Proses Cetak Sertifikat Profesi Apoteker 1 \ud83d\udda8\ufe0f Cetak Sertifikat Profesi Apoteker Selesai 2 \ud83d\uddbc\ufe0f Tempel Foto Selesai 3 \u270d\ufe0f Tanda Tangan Dekan Selesai 4 \u270d\ufe0f Tanda Tangan Rektor Selesai 5 \ud83c\udfdb\ufe0f Stempel Sertifikat Profesi Apoteker Selesai B Proses Legalisir 1 \ud83d\udcc4 Fotocopy Sertifikat Profesi Apoteker Selesai 2 \ud83d\udd22 Penulisan Nomor Legalisir Selesai 3 \u270d\ufe0f Tanda Tangan Dekan Selesai 4 \ud83c\udfdb\ufe0f Stempel Legalisir Selesai \ud83d\udee1\ufe0f Transparan, Akuntabel, Terpercaya Kami berkomitmen memberikan layanan terbaik dengan proses yang transparan dan dapat dipantau setiap saat. i Catatan Dashboard ini membantu Anda memantau progres proses cetak dan legalisir Sertifikat Profesi Apoteker secara transparan dan real-time.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3905","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/akademik.universitas-bth.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/akademik.universitas-bth.ac.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/akademik.universitas-bth.ac.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/akademik.universitas-bth.ac.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/akademik.universitas-bth.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=3905"}],"version-history":[{"count":49,"href":"https:\/\/akademik.universitas-bth.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3905\/revisions"}],"predecessor-version":[{"id":3993,"href":"https:\/\/akademik.universitas-bth.ac.id\/index.php?rest_route=\/wp\/v2\/pages\/3905\/revisions\/3993"}],"wp:attachment":[{"href":"https:\/\/akademik.universitas-bth.ac.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=3905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}