On-Page SEO Checklist
Complete the tasks above to optimize your post.
function calculateSEOProgress() {
var container = document.getElementById('seo-audit-tool');
var checkboxes = container.querySelectorAll('input[type="checkbox"]');
var progressBar = document.getElementById('seo-progress-bar');
var feedback = document.getElementById('seo-feedback');
var total = checkboxes.length;
var checkedCount = 0;
for (var i = 0; i < checkboxes.length; i++) {
if (checkboxes[i].checked) {
checkedCount++;
}
}
var percentage = Math.round((checkedCount / total) * 100);
progressBar.style.width = percentage + '%';
progressBar.innerHTML = percentage + '%';
if (percentage === 0) {
feedback.innerHTML = "Complete the tasks above to optimize your post.";
feedback.style.color = "#2271b1";
} else if (percentage < 50) {
feedback.innerHTML = "Good start! Keep going.";
feedback.style.color = "#d63638";
} else if (percentage < 100) {
feedback.innerHTML = "Almost there! High SEO potential.";
feedback.style.color = "#996800";
} else {
feedback.innerHTML = "Perfect! Your content is fully optimized.";
feedback.style.color = "#008a20";
}
}