今天是我365天独立开发挑战的第136个作品,这次做的是一个很实用、也很适合内容创作者的小工具:
进度条生成器。
它的作用很简单:把一个目标的完成情况,自动生成一张漂亮的进度图。
比如:
365天独立开发挑战
年度阅读计划
学习打卡进度
项目完成比例
课程更新进度
健身训练计划
众筹、销售、任务完成情况
以前我们想表达“完成了37%”“已经做了136天”,可能只是写一行文字。但文字的冲击力其实不够强。尤其是在公众号、小红书、朋友圈、汇报PPT里,如果能把进度变成一张可视化图片,表达效果会直观很多。
所以这次我做了这个在线工具。
打开页面后,左侧可以输入标题、说明文字、当前值和总值,系统会自动计算百分比。比如我默认设置的是:
365天独立开发挑战:136/365
页面会自动生成完成率,并在右侧实时预览。
这次我特别做了一个适合自己的模板:365格挑战模板。
它会真实生成365个小格子,每一个格子代表一天。已经完成的部分会高亮,未完成的部分会保留为暗色。这样一眼就能看到:自己已经走了多少,还剩多少。
除了365格模板,这个工具还内置了很多种进度条样式,比如霓虹光感、玻璃拟态、极简细线、赛博箭头、电池能量、分段格条、步骤节点、液体流动、彩虹进度、环形进度、竖向仪表、里程碑线、热力进度、分数卡片等。
用户还可以调整颜色、字体、背景、圆角、进度条高度、格子数量、动画效果等参数。生成完成后,可以直接导出为PNG图片,用在文章配图、封面图、汇报图、社交媒体打卡图里。
我做这个工具的初衷,是因为长期挑战最难的不是开始,而是持续。
当一个目标被可视化之后,它会变得更真实,也更有推动力。
每天一个小格子,慢慢亮起来。
这其实就是独立开发最朴素的样子:不是突然爆发,而是持续推进。
这是第136个作品,距离365个作品还有很长一段路。
但至少今天,又有一个小格子被点亮了。