Redesigned progress tower as building with floors, windows and roof

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
HoneyandClaude Sonnet 4.6 committed 2026-06-21 13:15:23 +02:00
1 parent 8b9f4818f1
commit 897516ef22
2 files changed
+154 -53

No files matched your search

+19 -1
View File
@@ -11,9 +11,27 @@
<!-- Progress Tower (must be first for z-index) -->
<div class="progress-tower" id="overall-progress">
<div class="tower-percentage" id="overall-percentage">0%</div>
<div class="tower-bar">
<div class="tower-roof"></div>
<div class="tower-body">
<div class="tower-fill" id="overall-progress-fill"></div>
<div class="tower-floors">
<div class="tower-floor"><div class="tower-window"></div></div>
<div class="tower-floor"><div class="tower-window"></div></div>
<div class="tower-floor"><div class="tower-window"></div></div>
<div class="tower-floor"><div class="tower-window"></div></div>
<div class="tower-floor"><div class="tower-window"></div></div>
<div class="tower-floor"><div class="tower-window"></div></div>
<div class="tower-floor"><div class="tower-window"></div></div>
<div class="tower-floor"><div class="tower-window"></div></div>
<div class="tower-floor"><div class="tower-window"></div></div>
<div class="tower-floor"><div class="tower-window"></div></div>
<div class="tower-floor"><div class="tower-window"></div></div>
<div class="tower-floor"><div class="tower-window"></div></div>
<div class="tower-floor"><div class="tower-window"></div></div>
<div class="tower-floor"><div class="tower-window"></div></div>
</div>
</div>
<div class="tower-base"></div>
<div class="tower-count">
<span id="completed-count">0</span>/<span id="total-count">0</span>
</div>