[Javascript] 続2・steemdみたいな

こんにちは、@yasuです。

Effective Power の表現を変えてみました^^

処理も変更しています。

これまで要素の特定はIDで、スタイルはclassで指定していましたが、IDとclassの2つを指定するのは、スマートでないので、スタイルもID指定に変更しました。

スタイルをID指定（改善版）

//style
#effectivepower::-webkit-progress-value {
  background-color: orange;
}
//html
<progress id=effectivepower></progress>

スタイルをclass指定

//style
.effectivepower::-webkit-progress-value {
  background-color: orange;
}
//html
<progress id=effectivepower class=effectivepower></progress>

実行方法

https://ojagggyo.github.io/steemitapi/history_20211208.html#yasu

実行結果

参考記事

[Javascript] 続・steemdみたいな

---

ありがとうございました。

steemit サインアップ
https://ojagggyo.github.io/steemitsignup

steemit 知識
https://ojagggyo.github.io/steemittips

日本語 Steemit Discord (超初心者～誰でも)
https://discord.gg/zKJgfzS