tiennm99/HugoBlox-kit
1
0 Fork 0
mirror of https://github.com/tiennm99/HugoBlox-kit.git synced 2026-10-13 04:14:41 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(block): show clockwise progress in resume-languages rather than counter-clockwise

Browse Source 
Fix progress bar display in resume-languages block:  Correct stroke-dashoffset calculation to show accurate progress. Previously, progress bars displayed the gap segment (remaining progress) starting from the first quadrant, whereas for 80% progress it should appear in the 4th quadrant, causing the visual representation to appear inverted.

See #3252
This commit is contained in:
srgg authored and GitHub committed 2025-09-15 21:26:37 +01:00
1 parent 40e2193a07
commit 1852d99718
1 file changed
+1 -1
Download Patch File Download Diff File Expand all files Collapse all files
modules/blox-tailwind/blox/resume-languages/block.html
+1 -1
View File
@@ -31,7 +31,7 @@
class="text-gray-200 dark:text-gray-700" />
<circle cx="145" cy="145" r="120" stroke="currentColor" stroke-width="30" fill="transparent"
class="text-primary-600 dark:text-primary-300"
style="stroke-dasharray: calc(2 * 22 / 7 * 120); stroke-dashoffset: calc(((2 * 22 / 7 * 120) * {{.percent}}/100) - (2 * 22 / 7 * 120))" />
style=stroke-dasharray: calc(2 * 22 / 7 * 120); stroke-dashoffset: calc((2 * 22 / 7 * 120) - ((2 * 22 / 7 * 120) * {{.percent}}/100))" />
</svg>
<span class="absolute text-3xl">{{.percent}}%</span>
</div>