更新记录

0.1.5（2023-09-19） 下载此版本

1. 更新示例项目打不到文件的错误

0.1.4（2023-09-18） 下载此版本

1. 对输入数值进行范围限制
2. 优化进度条动画
3. 更新 html 模板

0.1.1（2023-09-18） 下载此版本

1. 更新示例文件

平台兼容性

<zui-progress-bar />

简单而又潜力无限的水平进度条组件。

🍏 在线演示

💻 点我在浏览器里预览 https://uni.imgozi.cn/zui-progress-bar/

PS: 启动浏览器预览需要打开手机模器

📱 扫码体验

🍐 快速上手：

<zui-progress-bar :value="0.66" />

🍎 兼容性说明

☕🍻欢迎有兴趣的小伙伴一起完善小程序兼容性。🍻☕

🍊 参数

🍒 value: number

进度，百分比。范围：[0, 1]

🍒 width: number

组件宽度

🍒 height: number

组件高度

🍒 disableValue: boolean

隐藏百分比

🍒 unit: string

百分比单位符号。默认：%

🍒 type: 'left' |'center' |'right' |'outside-left' |'outside-right' |'follow-left' |'follow-right'

进度条类型

🍒 rounded: boolean

使用圆角。

🍒 color: string

文字颜色。合法的 CSS 颜色值

🍒 invertColor: boolean

反转颜色。

🍒 texture: string | string[]

设置进度条前景与背景纹理。

当 texture 值为字符串或数组只有一个值时，只设置前景，背景为透明。

tips：纹理可以是任何合法的 css background 值

🍓 支持

如果组件对您有帮助，请不吝打赏。肥宅快乐水🥤是创作动力！🥤🥤🥤

🍓🍇🍉 喜欢就打赏一下 🍒🍑🥭