抖音开放平台Logo
开发者文档
小程序
控制台
  • 组件概述
  • 基础内容
  • text 文本
  • rich-text 富文本
  • progress 进度条
  • icon 图标
  • 视图容器
  • 表单
  • 导航
  • 媒体
  • 画布
  • 地图
  • 开放能力
  • 行业开放
  • 原生组件

    • progress 进度条
    收藏
    我的收藏

    基础库 1.0.0 开始支持本组件。
    进度条。

    属性说明

    属性名
    类型
    默认值
    必填
    说明
    最低支持版本
    percent
    number
    0
    否
    进度
    1.0.0
    stroke-width
    number
    6
    否
    进度条的垂直宽度
    1.0.0
    active-color
    Color
    #F85959
    否
    进度条颜色
    1.0.0
    background-color
    Color
    #EBEBEB
    否
    未达到进度的颜色
    1.0.0
    active
    boolean
    false
    否
    进度条动画
    1.0.0
    active-mode
    string
    backwards
    否
      •backwards：动画从头播
      •forwards：动画从上次结束点接着播
    1.0.0
    duration
    number
    30
    否
    进度增加1%所需毫秒数，仅在 active 为 true 时生效
    2.86.0
    bindactiveend
    EventHandle
    ​
    否
    动画完成后执行的事件，仅在 active 为 true 时执行
    2.86.0

    bindactiveend 事件对象的 detail

    object 类型，属性如下：
    属性名
    类型
    说明
    最低支持版本
    detail
    object
    detail 中包含 curPercent 属性，表示 progress 组件动画结束后当前的进度
    2.86.0
    type
    string
    事件类型
    2.86.0

    扫码体验

    代码示例

    Bug & Tip

    无
    ​