h5 audio进度条

h5 audio 播放进度条

　　　效果图：

　　　　 h5 audio进度条

　　html部分：

<div class="audiojindu">
    <div class="playcontrol">
        <img id="imgcontrol" src="img/paly.png" alt="" />
    </div>
    <div class="jindu">
        <div class="qstime">
            00:00
        </div>
        <div class="endtime">
            05:31
        </div>
        <div class="jindutiao">
                 <div class="ssjd">
                    <div class="yuan"></div>
              </div>
        </div>
    </div>
        <audio id="audio" src=""></audio>
</div>

View Code