42692


wordpressのブログ内で進捗バーを使用したいのですが、このままではなく拡大し色を変え使用したいです。

[code]

    <progress value="20" max="100">20 %</progress>
    
[/code]

情報が少なかったのですが、可能でしょうか。

ご教授いただけば幸いです、よろしくお願いいたします。


CC BY-SA 3.0
2018-03-27T19:06:49.453
42680
2018-03-28T02:58:32.740
27824
question
html wordpress
進捗バーを拡大し色を変更したい


> 拡大

`background-color`を指定すると `height`が反映される様です。  
（バー色の指定方法は未だ知りません）

[code]

    #p1 {
        height: 6px;
        width:500px;
        background-color: #28cc50;
    }
    #p2 {
        height: 13px;
        width:400px;
        background-color: currentColor;
    }
[/code]

[code]

    <progress id="p1" value="70" max="100" >70%</progress><br>
    <progress id="p2" value="70" max="100" >70%</progress>
[/code]


CC BY-SA 3.0
2018-03-28T02:58:32.740
42692
2018-03-28T02:58:32.740
22793
42680
answer