notion进度条编写示例

在这里插入图片描述

代码:

slice("■■■■■■■■■■",0,round((prop("w1完成")+prop("w2完成")+prop("w3完成")+prop("w4完成"))/10))+slice("□□□□□□□□□□", 0,10-round((prop("w1完成")+prop("w2完成")+prop("w3完成")+prop("w4完成"))/10))+" "+format(prop("w1完成")+prop("w2完成")+prop("w3完成")+prop("w4完成"))+"%"

超过和100那么百分比也会超过100

修改版:

if(prop("w1完成") + prop("w2完成") + prop("w3完成") + prop("w4完成") < 100, slice("✪✪✪✪✪✪✪✪✪✪", 0, round((prop("w1完成") + prop("w2完成") + prop("w3完成") + prop("w4完成")) / 10)) + slice("✧✧✧✧✧✧✧✧✧✧", 0, 10 - round((prop("w1完成") + prop("w2完成") + prop("w3完成") + prop("w4完成")) / 10)) + " " + format(prop("w1完成") + prop("w2完成") + prop("w3完成") + prop("w4完成")) + "%", "✪✪✪✪✪✪✪✪✪✪ 100%")

效果:

■■■■□□□□□□ 45%

函数解释

if

条件判断

true ? 1 : -1 == 1
if(false, "yes", "no") == "no"

slice

分割字符串

slice("Hello world", 1, 5) == "ello"
slice("notion", 3) == "ion"

round

四舍五入

round(4.4) == 4
round(4.5) == 5

format

转成字符串

format(42) == "42"
format(true) == "true"

同理我们可以加入一些特殊文字来编写自己的个性进度条,例如:

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值