The new minor update from GMX.css just launched now. What's the difference?
Progress
The progress element displays an indicator showing the completion progress of a task, typically displayed as a progress bar. And also, there's a different attribute to run this element, you can make the progress element with normal bar or circular look, and make it runs statically by value or leave it intermedinate.
The code is simple, just create the progress element for intermedinate.
<progress></progress>
Or, you can give it value and max too.
<progress value="30" max="100"></progress>
Wants the circular version? Add the circle class with --value variable.
<progress class="circle" value="30" max="100" style="--value: 30;"></progress>
Circle but intermedinate and spinning? Sure.
<progress class="circle spin" style="--value: 30;"></progress>
Try the demo here:
More
Not just add progress, we also made the web more responsive.
See the difference and try inspect: v0.0.10 vs v0.0.12
Cool right? Getting started now by add single line in your HTML file!
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/LIGMATV/gmx.css@main/gmx.css">
Top comments (0)