/*各個程式都可以共用*/
.jimLoadingBar{
    /*這裡請由程式控制*/
    --progress:0;

    --length: 250px;
    --lineWidth: 30px;
    --barColor: #b9b9b9;
    --barInnerColor: #489465;
    --borderRadius: 4px;

    position: relative;
    display: block;
    width: var(--length);
    max-width: 100%;
    height: var(--lineWidth);

    background-color: var(--barColor);
    border-radius: var(--borderRadius);
}

.jimLoadingBar::before{
    content: "";
    
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    height: 100%;
    
    width: calc(var(--progress) * 100%);

    background-color: var(--barInnerColor);
    border-radius: var(--borderRadius);

    transition: width 0.1s;
}

/*------------------VARIATIONS------------------*/

.jimLoadingBar.fullLength{
    --length: 100%;
}