Track Database Job Progress with AJAX and PHP

Keep database progress updates small and predictable

Store the job status separately from the page. The polling endpoint should return only the fields needed by the progress component.

const response = await fetch(`job-status.php?id=${encodeURIComponent(jobId)}`, {
  cache: 'no-store'
});
const status = await response.json();

progress.value = status.percent;
statusText.textContent = status.message;

Current approach first; the original XMLHttpRequest/AJAX examples below are retained and cleaned up for continued learning and legacy maintenance.