GMX.css v. Quoi de neuf ?

La nouvelle mise à jour mineure de GMX.css vient d'être lancée. Quelle est la différence ?

Progrès

L'élément de progression affiche un indicateur montrant la progression de l'achèvement d'une tâche, généralement affiché sous forme de barre de progression. Et aussi, il existe un attribut différent pour exécuter cet élément, vous pouvez créer l'élément de progression avec une barre normale ou un aspect circulaire, et le faire fonctionner de manière statique par valeur ou le laisser intermédiaire.

Le code est simple, il suffit de créer l'élément de progression pour intermédiaire.

<progress></progress>

Ou, vous pouvez également lui donner une valeur et un maximum.

<progress value="30" max="100"></progress>

Vous voulez la version circulaire ? Ajoutez la classe circle avec la variable --value.

<progress>



<p>Circle but intermedinate and spinning? Sure.<br>
</p>

<pre class="brush:php;toolbar:false"><progress>



<p>Try the demo here:</p>

<p><iframe height="600" src="https://codepen.io/LIGMATV/embed/xbKEWGb?height=600&default-tab=result&embed-version=2" scrolling="no" frameborder="no" allowtransparency="true" loading="lazy">
</iframe>
</p>

<h2>
  
  
  More
</h2>

<p>Not just add progress, we also made the web more responsive.<br>
See the difference and try inspect: v0.0.10 vs v0.0.12</p>

<hr>

<p>Cool right? Getting started now by add single line in your HTML file!<br>
</p>

<pre class="brush:php;toolbar:false"><link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/LIGMATV/gmx.css@main/gmx.css">

Dépôt GMX.css
Site GMX.css

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!