TinyWins' tasks progress bar

Written by Michael Lee on March 23, 2017

Breaking tasks into smaller, bite-sized tasks are what helps me get a lot of things done. That was one of the first features I built into TinyWins. For a couple of weeks now, I had an idea to enhance the subtask UI.

The idea was basically to make the checkmark for the parent task of a subtask a progress bar. Since I know which tasks are complete and incomplete, using some simple math, I was able to create a circular progress bar of all your subtasks.

I admit, it looked a lot better in my mind then what it looks like when I finished implementing it. I should’ve spent some time in Sketch to quickly mockup what it would look and feel like. This probably would’ve saved me some time in validating whether to implement it or not. It would’ve probably gave me better insight into the fact that the progress bar is a little hard to read at that size.

Nonetheless, I enjoyed the learning experiencing and I just needed to get the idea out of my head. I may reimplement it into something else in the future, but for now, I kind of like seeing a progress bar of my subtasks so I have a rough idea at how soon I’ll be done with a task.

TinyWins progress bar

This article was originally published at TinyWins.

Thanks for taking the time to read this article. I'd love to stay in touch and share more tips on programming and design, side projects and working remotely. Sign up and I'll send you my articles straight to your email.

:wave: Hey hey, I'm Michael Lee! I really appreciate you taking the time to read this article.

Be sure to check out my other articles.

Previous post: What is a POJO?