小程序
小游戏
企业微信
微信支付
扫描小程序码分享
在iphone上打开小程序，progress进度条不显示,安卓显示，请问一下是什么原因
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
麻烦给个相关的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html），我们定位下问题
你好，麻烦通过点击下方“反馈信息”按钮，提供出现问题的。
<progress percent="{{progress}}" color="red" stroke-width="2" activeColor="green" backgroundColor="#fff" wx:if="{{progress<100}}" />
var timer = setInterval(function () {
that.data.progressNum++;
//当进度条为100时清除定时任务
if (that.data.progressNum >= 100) {
clearInterval(timer);
}
//并且把当前的进度值设置到progress中
that.setData({
progress: that.data.progressNum
})
});
iphone上都不显示进度条的效果，
请提供代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）
<block wx:if="{{isUpload == false}}">
<progress style="width:200px" percent="{{uploadProgress}}" border-radius="8" show-info stroke-width="10" active="true" active-mode="forwards" ></progress>
<icon class="progress-cancel" type="cancel"></icon>
</block>
<block wx:else="">
<button bindtap="chooseFile">上传缩略图</button>
增加一个宽度，你可以试试，你的问题是增加了wx:if 导致dom元素重新渲染了。增加宽度style="width:200px"就生效了
我也遇到这个问题了，得到解决了么？求解
放弃了，暂时还没找到原因
我查到了一点，我也发布了一下问题，给你看一下我这边的源码：https://developers.weixin.qq.com/community/develop/doc/0006c43b2283f85096570b5cc5bc0c
iphone就是不显示，看safari是不是不支持那个组件，iphone和安卓区别,兼容性很有点大，坑很多，还有和H5交互方面等，总之，坑很多，慢慢踩吧
不是的，肯定能解决，有一个小程序叫：【侠侣亲子游】，里面的商品详情，上面有进度条，苹果手机也可以显示的
方法肯定是有，但是现在还没有定位到什么原因
关注后，可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
麻烦给个相关的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html），我们定位下问题
<progress percent="{{progress}}" color="red" stroke-width="2" activeColor="green" backgroundColor="#fff" wx:if="{{progress<100}}" />
var timer = setInterval(function () {
that.data.progressNum++;
//当进度条为100时清除定时任务
if (that.data.progressNum >= 100) {
clearInterval(timer);
}
//并且把当前的进度值设置到progress中
that.setData({
progress: that.data.progressNum
})
});
iphone上都不显示进度条的效果，
请提供代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）
<block wx:if="{{isUpload == false}}">
<progress style="width:200px" percent="{{uploadProgress}}" border-radius="8" show-info stroke-width="10" active="true" active-mode="forwards" ></progress>
<icon class="progress-cancel" type="cancel"></icon>
</block>
<block wx:else="">
<button bindtap="chooseFile">上传缩略图</button>
</block>
增加一个宽度，你可以试试，你的问题是增加了wx:if 导致dom元素重新渲染了。增加宽度style="width:200px"就生效了
我也遇到这个问题了，得到解决了么？求解
放弃了，暂时还没找到原因
我查到了一点，我也发布了一下问题，给你看一下我这边的源码：https://developers.weixin.qq.com/community/develop/doc/0006c43b2283f85096570b5cc5bc0c
iphone就是不显示，看safari是不是不支持那个组件，iphone和安卓区别,兼容性很有点大，坑很多，还有和H5交互方面等，总之，坑很多，慢慢踩吧
不是的，肯定能解决，有一个小程序叫：【侠侣亲子游】，里面的商品详情，上面有进度条，苹果手机也可以显示的
方法肯定是有，但是现在还没有定位到什么原因