GMX.css lwn. Apa yang baharu?

Kemas kini kecil baharu daripada GMX.css baru sahaja dilancarkan sekarang. Apa bezanya?

Kemajuan

Elemen kemajuan memaparkan penunjuk yang menunjukkan kemajuan penyelesaian tugas, biasanya dipaparkan sebagai bar kemajuan. Selain itu, terdapat atribut yang berbeza untuk menjalankan elemen ini, anda boleh membuat elemen kemajuan dengan bar biasa atau rupa bulat dan menjadikannya berjalan secara statik mengikut nilai atau membiarkannya menjadi pertengahan.

Kodnya mudah, cuma buat elemen kemajuan untuk perantaraan.

<progress></progress>

Atau, anda boleh memberikan nilai dan maks juga.

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

Mahukan versi bulat? Tambahkan kelas bulatan dengan pembolehubah --nilai.

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

repositori GMX.css
Tapak web GMX.css

Atas ialah kandungan terperinci GMX.css lwn. Apa yang baharu?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!