GMX.css v. Was ist neu?

Das neue kleinere Update von GMX.css ist gerade gestartet. Was ist der Unterschied?

Fortschritt

Das Fortschrittselement zeigt einen Indikator an, der den Abschlussfortschritt einer Aufgabe anzeigt, normalerweise als Fortschrittsbalken. Und es gibt auch ein anderes Attribut zum Ausführen dieses Elements: Sie können das Fortschrittselement mit einem normalen Balken- oder Kreis-Look gestalten und es statisch nach Wert ausführen lassen oder es dazwischen lassen.

Der Code ist einfach, erstellen Sie einfach das Fortschrittselement für Zwischenschritte.

<progress></progress>

Oder Sie können ihm auch value und max geben.

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

Möchten Sie die kreisförmige Version? Fügen Sie die Kreisklasse mit der Variablen --value hinzu.

<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">

GMX.css-Repository
GMX.css-Website

Das obige ist der detaillierte Inhalt vonGMX.css v. Was ist neu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!