::-webkit-progress-value
鿍æº: ãã®æ©è½ã¯æ¨æºåããã¦ãã¾ããã鿍æºã®æ©è½ã¯ãã©ã¦ã¶ã¼ã®å¯¾å¿ãéãããå°æ¥çã«å¤æ´ã¾ãã¯åé¤ãããå¯è½æ§ããããããæ¬çªç°å¢ã§ã®ä½¿ç¨ã¯æ¨å¥¨ããã¾ããããã ããæ¨æºã®é¸æè¢ãåå¨ããªãç¹å®ã®ã±ã¼ã¹ã§ã¯ãæå¹ãªä»£æ¿ææ®µã¨ãªãå ´åãããã¾ãã
::-webkit-progress-value 㯠CSS ã®æ¬ä¼¼è¦ç´ ã§ã <progress> è¦ç´ ã®ãã¼ã®å¡ãã¤ã¶ãããé¨åã表ãã¾ããããã¯ã ::-webkit-progress-bar æ¬ä¼¼è¦ç´ ã®åè¦ç´ ã§ãã
ã¡ã¢:
::-webkit-progress-value ãæå¹ã«ããã«ã¯ -webkit-appearance ã <progress> è¦ç´ ã§ none ã«è¨å®ããå¿
è¦ãããã¾ãã
æ§æ
::-webkit-progress-value {}
ä¾
ãã®ä¾ã¯ Blink ã¾ã㯠WebKit ãã¼ã¹ã®ãã©ã¦ã¶ã¼ã§ã®ã¿åä½ãã¾ãã
HTML
<progress value="10" max="50"></progress>
CSS
progress {
-webkit-appearance: none;
}
::-webkit-progress-value {
background-color: orange;
}
çµæ
çµæã®ã¹ã¯ãªã¼ã³ã·ã§ãã
ä¸è¨ã®ã¹ã¿ã¤ã«ã使ç¨ããããã°ã¬ã¹ãã¼ã¯æ¬¡ã®ããã«ãªãã¾ã:

仿§æ¸
ã©ã®æ¨æºã«ãå«ã¾ãã¦ãã¾ããã
ãã©ã¦ã¶ã¼ã®äºææ§
é¢é£æ å ±
-
WebKit/Blink ã
<progress>è¦ç´ ã®ãã®ä»ã®é¨åãæ´å½¢ããããã«ä½¿ç¨ããæ¬ä¼¼è¦ç´ : ::-moz-progress-bar::-ms-fill