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:
1 parent
8b9f4818f1
commit
897516ef22
2 files changed
+154
-53
No files matched your search
+19
-1
@@ -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>
|
||||
|
||||
Reference in new issue
Block a user