关于网页中音乐播放的进度条的js效果

最新推荐文章于 2024-04-30 14:05:50 发布

mardins

最新推荐文章于 2024-04-30 14:05:50 发布

阅读量1k

点赞数 1

分类专栏： js操作dom 文章标签： js

本文链接：https://blog.csdn.net/mardins/article/details/106966002

版权

关于网页中音乐播放的进度条的js效果

音乐的时间读取和读条效果
首先先来简单的写一下进度条的样式

<style>
        * {
   
            margin: 0;
            padding: 0;
        }

        .container {
   
            height: 10px;
            width: 400px;
            background: #666;
            margin: 100px;
            overflow: hidden;
            border-radius: 5px;
        }

        .progress {
   
            border-radius: 5px;
            background: red;
            width: 0%;
            height: 100%;
        }

        .play_btn {
   
            width: 100px;
            height: 100px;
            font-size: 14px;
            text