jQuery

Built using SVG circles. The progress is calculated by lengthening the gap-spacing in the dash of the stroke around the circles. The resizing takes in to account the stroke widths so the shape stays snug against it’s container.

jQuery Script <script> var clockModule = (function($){ // Clock function getTimeRemaining(endtime) { var t = Date.parse(endtime) – Date.parse(new Date()); var seconds = Math.floor((t / 1000) % 60); var minutes = Math.floor((t / 1000 / 60) % 60); var hours = Math.floor((t / (1000 * 60 * 60)) % 24); var days = Math.floor(t / (1000