设为首页收藏本站
开启辅助访问 切换到宽版 登录 立即注册 QQ登录

花潮论坛

搜索
热搜: 活动 交友 discuz
12
返回列表 发新帖
楼主: 马黑黑

用meter标签做可控进度音频播放器

[复制链接]
马黑黑
  • TA的每日心情
    慵懒
    2025-11-30 07:45

    • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-11-8 21:34 | 显示全部楼层
    红影 发表于 2022-11-8 21:10
    那个好像也是进度条。

    它才是地道的进度条。不过简单，把 progress 替换 meter 就好：

    <progress id="prog" max="100"></progress>

    宽度、高宽在CSS里设定，默认尺寸也好看的。其它的JS代码不用改
    回复 支持 反对

    使用道具 举报

    寒冬残荷
  • TA的每日心情
    开心
    2025-11-29 21:54

    • 签到天数: 177 天

    [LV.7]常住居民III

    64

    主题

    734

    回帖

    5399

    积分

    版主

    https://www.kumeiwp.com/sub/fi

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮美女鼠牛虎兔龙蛇马羊猴鸡狗猪七彩绚丽麦霸歌神喜乐安康花潮版主
    发表于 2022-11-8 21:46 | 显示全部楼层
    马老师，为您点赞！您是我上网这么多年以来见到最愿意分享知识、愿意把自己知道的东西教给别人的人！
    菡萏香销翠叶残，西风愁起绿波间。还与韶光共憔悴，不堪看。
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-11-30 07:45

    • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-11-8 21:50 | 显示全部楼层
    寒冬残荷 发表于 2022-11-8 21:46
    马老师，为您点赞！您是我上网这么多年以来见到最愿意分享知识、愿意把自己知道的东西教给别人的人！

    分享是一种互联网精神
    回复 支持 反对

    使用道具 举报

    红影
  • TA的每日心情
    开心
    2025-11-17 10:56

    • 签到天数: 1050 天

    [LV.10]以坛为家III

    1881

    主题

    32万

    回帖

    37万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮美女虎龙狗猪多彩人生星月交辉海样胸怀火热情怀优雅迷人神秘浪漫缤纷心情草莓情怀蝴蝶情怀心曲飞扬星星情怀七彩绚丽活泼开朗女儿情怀相遇之美一往情深花好月圆心香一瓣紫色情节飞龙在天金剪刀天籁妙音妙笔生花风雨同行我心永远天长地久幸福快乐绚丽缤纷喜乐安康中秋征文周年庆指尖上的流年舞会之星分析（喊冤）章总结章杀人王小强章最佳杀刺临屏写诗七夕诗钟活动第五届风云第六届风云情人节花潮管理
    发表于 2022-11-9 20:52 | 显示全部楼层
    马黑黑 发表于 2022-11-8 21:34
    它才是地道的进度条。不过简单，把 progress 替换 meter 就好：

    这样也可以啊
    　
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-11-30 07:45

    • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2022-11-9 20:58 | 显示全部楼层
    红影 发表于 2022-11-9 20:52
    这样也可以啊

    完全可以
    回复 支持 反对

    使用道具 举报

    亚伦影音工作室
  • TA的每日心情
    开心
    2024-12-15 11:29

    • 签到天数: 12 天

    [LV.3]偶尔看看II

    816

    主题

    804

    回帖

    3万

    积分

    贵宾

    Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7Rank: 7

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪奔放热烈春风拂面缤纷心情王者至尊大将风范金剪刀音画大师天籁妙音妙笔生花
    发表于 2024-12-2 14:28 | 显示全部楼层
    能不能将进度条底宽和在线进行的进度宽度相等，我不希望有边框的进度条！
    回复 支持 反对

    使用道具 举报

    马黑黑
  • TA的每日心情
    慵懒
    2025-11-30 07:45

    • 签到天数: 1655 天

    [LV.Master]伴坛终老

    3024

    主题

    13万

    回帖

    28万

    积分

    管理员

    Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9Rank: 9

    花潮帅哥鼠牛虎兔龙蛇马羊猴鸡狗猪多彩人生星月交辉奔放热烈海样胸怀春风拂面火热情怀优雅迷人神秘浪漫相遇之美鹰傲苍穹花好月圆紫色情节飞龙在天王者至尊大将风范音画大师天籁妙音共看流星风雨同行我心永远幸福快乐喜乐安康侠骨柔肠心想事成开朗大方花潮管理
     楼主| 发表于 2024-12-2 18:18 | 显示全部楼层
    亚伦影音工作室 发表于 2024-12-2 14:28
    能不能将进度条底宽和在线进行的进度宽度相等，我不希望有边框的进度条！

    你围绕 width 和 height 做些计算便可
    回复 支持 反对

    使用道具 举报

    12
    返回列表 发新帖
    高级模式
    B Color Image Link Quote Code Smilies
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    小黑屋|手机版|Archiver|服务支持：DZ动力|huachaowang.com Inc. ( 蜀ICP备17032287号-1 )

    GMT+8, 2025-11-30 15:08 , Processed in 0.063556 second(s), 22 queries .

    Powered by Discuz! X3.4

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表