DEV Community

Cover image for GMX.css v0.0.12: What's new?
LIGMATV
LIGMATV

Posted on • Edited on

GMX.css v0.0.12: What's new?

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>
Enter fullscreen mode Exit fullscreen mode

Or, you can give it value and max too.

<progress value="30" max="100"></progress>
Enter fullscreen mode Exit fullscreen mode

Wants the circular version? Add the circle class with --value variable.

<progress class="circle" value="30" max="100" style="--value: 30;"></progress>
Enter fullscreen mode Exit fullscreen mode

Circle but intermedinate and spinning? Sure.

<progress class="circle spin" style="--value: 30;"></progress>
Enter fullscreen mode Exit fullscreen mode

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">
Enter fullscreen mode Exit fullscreen mode

GMX.css repository
GMX.css website

Reinvent your career. Join DEV.

It takes one minute and is worth it for your career.

Get started

Top comments (0)

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay