今天是我365天独立开发挑战的第136个作品,这次做的是一个很实用、也很适合内容创作者的小工具:

进度条生成器。

它的作用很简单:把一个目标的完成情况,自动生成一张漂亮的进度图。

比如:

365天独立开发挑战

年度阅读计划

学习打卡进度

项目完成比例

课程更新进度

健身训练计划

众筹、销售、任务完成情况

以前我们想表达“完成了37%”“已经做了136天”,可能只是写一行文字。但文字的冲击力其实不够强。尤其是在公众号、小红书、朋友圈、汇报PPT里,如果能把进度变成一张可视化图片,表达效果会直观很多。

所以这次我做了这个在线工具。

打开页面后,左侧可以输入标题、说明文字、当前值和总值,系统会自动计算百分比。比如我默认设置的是:

365天独立开发挑战:136/365

页面会自动生成完成率,并在右侧实时预览。

这次我特别做了一个适合自己的模板:365格挑战模板。

它会真实生成365个小格子,每一个格子代表一天。已经完成的部分会高亮,未完成的部分会保留为暗色。这样一眼就能看到:自己已经走了多少,还剩多少。

除了365格模板,这个工具还内置了很多种进度条样式,比如霓虹光感、玻璃拟态、极简细线、赛博箭头、电池能量、分段格条、步骤节点、液体流动、彩虹进度、环形进度、竖向仪表、里程碑线、热力进度、分数卡片等。

用户还可以调整颜色、字体、背景、圆角、进度条高度、格子数量、动画效果等参数。生成完成后,可以直接导出为PNG图片,用在文章配图、封面图、汇报图、社交媒体打卡图里。

我做这个工具的初衷,是因为长期挑战最难的不是开始,而是持续。

当一个目标被可视化之后,它会变得更真实,也更有推动力。

每天一个小格子,慢慢亮起来。

这其实就是独立开发最朴素的样子:不是突然爆发,而是持续推进。

这是第136个作品,距离365个作品还有很长一段路。

但至少今天,又有一个小格子被点亮了。