GMX.css 対新機能?

GMX.css の新しいマイナー アップデートがリリースされました。違いは何ですか?

進捗

進行状況要素には、タスクの完了の進行状況を示すインジケーターが表示されます。通常は進行状況バーとして表示されます。また、この要素を実行するための別の属性もあります。進行状況要素を通常のバーまたは円形の外観で作成し、値によって静的に実行するか、中間のままにすることができます。

コードは単純で、中間の進行要素を作成するだけです。

<progress></progress>

または、値と最大値を指定することもできます。

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

循環版が必要ですか? --value 変数を使用して Circle クラスを追加します。

<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 リポジトリ
GMX.css ウェブサイト

以上がGMX.css 対新機能?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。