.seo-check-item { display: flex; align-items: center; padding: 12px 16px; border-bottom: 1px solid #f0f0f0; transition: background 0.2s; cursor: pointer; }
.seo-check-item:hover { background: #f9fafb; }
.seo-check-item:last-child { border-bottom: none; }
.seo-check-item input[type="checkbox"] { width: 18px; height: 18px; margin-right: 12px; cursor: pointer; }
.seo-check-label { font-size: 15px; color: #374151; flex-grow: 1; }
.seo-progress-container { padding: 20px; background: #f8fafc; border-top: 1px solid #e1e1e1; }
.seo-progress-bar-bg { background: #e2e8f0; height: 10px; border-radius: 5px; overflow: hidden; margin-top: 8px; }
.seo-progress-bar-fill { background: #2563eb; height: 100%; width: 0%; transition: width 0.3s ease; }
.seo-header { padding: 16px; background: #2563eb; color: #ffffff; margin: 0; font-size: 18px; font-weight: 600; }
.seo-stats { display: flex; justify-content: space-between; font-size: 14px; font-weight: 600; color: #475569; }
function updateSEOProgress() {
var root = document.getElementById('seo-checklist-root');
var checkboxes = root.querySelectorAll('input[type="checkbox"]');
var total = checkboxes.length;
var checkedCount = 0;
for (var i = 0; i < total; i++) {
if (checkboxes[i].checked) {
checkedCount++;
}
}
var percentage = Math.round((checkedCount / total) * 100);
document.getElementById('seo-progress-fill').style.width = percentage + '%';
document.getElementById('seo-percent-text').innerHTML = percentage + '%';
}
Post-Launch SEO Checklist
Primary Keyword in H1 and Title Tag
Meta Description under 155 Characters
Image Alt Text contains Keywords
Internal Links to related content added
External Links to high-authority sources
URL Slug is short and descriptive
Optimization Progress
0%