進捗バーを拡大し色を変更したい


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

[code]

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

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

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




> 拡大

`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]




> 拡大

`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]

