收藏
回答

progress 的 border-radius 圆角属性没有应用到已选择进度条

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug progress 微信iOS客户端 7.0.14 2.11.0

黄色部分应该继承外部的圆角属性

<progress percent="{{30}}" stroke-width="4" border-radius="2" background-color="rgba(255,255,255,0.2)" active-color="#FDD643"></progress>
回答关注问题邀请回答
收藏

4 个回答

  • C🐟摆摆
    C🐟摆摆
    2020-08-03

    已完成的进度条要圆角的话可以直接在样式表中修改组件样式

    .wx-progress-inner-bar {
      border-radius: 8rpx;
    }
    


    2020-08-03
    有用 3
    回复
  • wilson
    wilson
    2023-01-05

    如何在小程序插件的自定UI 组件 修改 progress 的内部进度条圆角

    下面这种方式在小程序插件里面的自定义组件是不起作用的

    .wx-progress-inner-bar {
      border-radius: 8rpx;
    }
      
    


    2023-01-05
    有用
    回复
  • Mercury.
    Mercury.
    2022-07-15

    解决了吗?楼主

    2022-07-15
    有用
    回复
  • Admin ²º²⁴
    Admin ²º²⁴
    2020-05-05

    黄色部分已经有圆角了,你仔细放大看应该看得啊哦,或者

    你可以把stroke-width="4" border-radius="2" 改成
    stroke-width="40" border-radius="20" 
    看看
    

    ↓↓↓↓能帮到你是我的荣幸!如果觉得有帮助的话请在顶部回复里点个有用。让其他人碰到同类问题时少走弯路~


    2020-05-05
    有用
    回复 2
    • 小影
      小影
      2020-05-05
      左边的圆角是外层的,黄色右边还是直边
      2020-05-05
      回复
    • Admin ²º²⁴
      Admin ²º²⁴
      2020-05-05回复小影
      我懂你的意思了。border-radius看文档应该说的就是外边的border-radius。里面颜色进度的貌似不受这个影响,也应该算是BUG吧。楼主真仔细
      2020-05-05
      回复
登录 后发表内容
问题标签