
LONZARK
2023/03/19阅读:38主题:姹紫
科研工具 | Notion进度条
Notion 进度条
目录
-
自带进度条 -
自设进度条
自带进度条
一个简单的效果预览图:


STEP ONE:
在Page页面中新建一个Datebase-Inline


STEP TWO:
修改Tags这一列的命名及类型,选择#Number。


STEP THREE:
点击Edit property,将显示格式设置为Bar或Ring

根据自己的进度输入数字,然后就可以成功显示啦!
自设进度条
一个简单的效果预览图:

STEP ONE:
和上面一样的新建Datebase-Inline,第二列类型选择为Date,随后将第一行日期选择为January 1,2023。
STEP TWO:
新增一列,类型选择为Formula,随后在日期后的一个单击,输入下面的代码:
slice("■■■■■■■■■■", 10 - toNumber(dateBetween(now(), prop("Time"), "days") / 365 * 10)) + " " + format(round(toNumber(dateBetween(now(), prop("Time"), "days") / 365 * 100))) + "%"
展示目标:2023年过去了百分之多少
-
基本数字计算:
toNumber(dateBetween(now(), prop("Time"), "days") / 365 * 10))
其中,
dateBetween()
计算出来的是时间toNumber()
函数来将刚刚的时间转换成数字 -
实现代码:
slice("■■■■■■■■■■", 10 - toNumber(dateBetween(now(), prop("Time"), "days") / 365 * 10)) + " " + format(round(toNumber(dateBetween(now(), prop("Time"), "days") / 365 * 100))) + "%”
分为两段去理解。记toNumber(dateBetween(now(), prop("Time"), "days") / 365 * 10)
为alpha
-
slice("■■■■■■■■■■", 10 -alpha)
slice:分割字符串
slice("Hello world", 1, 5) == "ello"
slice("notion", 3) == "ion"
-
format(round(alpha))
format:转成字符串
format(42) == "42"
format(true) == "true"
round:Returns the value of a number rounded to the nearestinteger.(四舍五入)
round(4.4) ==4
round(4.5) == 5
STEP THREE:
还可以实现更多的展示风格,比如将代码中的"■■■■■■■■■■"改为"❤❤❤❤❤❤❤❤❤❤"等;
令外,本文中的代码仅可以展示已达成的进度,如果有小伙伴想要看下图中的进度条,可以在上述原理的讲解上举一反三!展示自己的创意~

作者介绍

LONZARK
我爱学习,学习爱我