document.addEventListener('DOMContentLoaded', function() { const progressCircles = document.querySelectorAll('.progress-circle'); progressCircles.forEach(circle => { const score = parseInt(circle.dataset.score); const percentage = score / 100; const rotation = (percentage * 360) - 90; // Adjust for starting position const beforeElement = document.createElement('style'); beforeElement.textContent = ` .progress-circle[data-score="${score}"]::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #007bff; /* Blue progress color */ clip-path: polygon(50% 0%, 100% 0%, 100% 100%, 50% 100%, 50% 50%, 0% 50%, 0% 0%); transform: rotate(${rotation}deg); } `; circle.appendChild(beforeElement); }); });

SEO Test - Robots & Meta Robots

×

Rate Your Experience

We value your feedback! Please select a star rating below to proceed.

Request a Quote

Subscribe to our newsletter

Sign up to receive updates, promotions, and sneak peaks of upcoming products. Plus 20% off your next order.

Promotion nulla vitae elit libero a pharetra augue