做进度条 实现方法很多 这个是div背景色

<div class="d-flex">
                        <div class="flex-grow-1 mr-2">
                            <div class="jindu">
                                <div class="fill"></div>
                            </div>
                            <p class="d-flex justify-content-between color2 font12">
                                <span class="currentTime">00:00</span>
                                <span class="time"></span>
                            </p>
                        </div>
                        <img class="playimg" src="__TMPL__/public/images/play.png" />
                    </div>

.jindu{
                position: relative;
                background-color: #CCCCCC;
                height: 4px;
                width: 100%;
                margin-top: 16px;
            }
            .fill{
                position: absolute;
                top: 0;
                left: 0;
                width: 0;
                height: 100%;
                background-color: #2A9AFC;
            }