Skip to content

Instantly share code, notes, and snippets.

View Jack-Adam-Mwanzo's full-sized avatar
🤖
Send me smt

Jack-Adam-Mwanzo

🤖
Send me smt
View GitHub Profile
@Jack-Adam-Mwanzo
Jack-Adam-Mwanzo / index.html
Created October 15, 2022 10:07
Progress Clock
<div id="clock" class="progress-clock">
<button class="progress-clock__time-date" data-group="d" type="button">
<small data-unit="w">Sunday</small><br>
<span data-unit="mo">January</span>
<span data-unit="d">1</span>
</button>
<button class="progress-clock__time-digit" data-unit="h" data-group="h" type="button">12</button><span class="progress-clock__time-colon">:</span><button class="progress-clock__time-digit" data-unit="m" data-group="m" type="button">00</button><span class="progress-clock__time-colon">:</span><button class="progress-clock__time-digit" data-unit="s" data-group="s" type="button">00</button>
<span class="progress-clock__time-ampm" data-unit="ap">AM</span>
<svg class="progress-clock__rings" width="256" height="256" viewBox="0 0 256 256">
<defs>