Option a: progress bar around the card count dropdown
Option b: square-shaped progress bar to differentiate from connection circle
1 Like
everytime I use github I think their progress meter is so nicely unambiguous
this is most similar to this variant i did
maybe clicking the meter would toggle on a ‘1/2 done’ label
1 Like
In the screenshot which circle are you referring to? Is it the 23?
no those are the dates, the little clover shape shows the number of undone items (and gets colorful when some are done)
Ahh ic , I think something like that works best when:
- the main app is about todos so it’s easier to learn that custom convention
- You have a lot of px area for the indicators. Putting a number inside a 12x12 circle w room for padding can get tight. Especially if the number is 2 characters
- You have full control over the background color. Because lists are custom colors , getting the contrast strong enough for tiny char legibility isn’t a given on lists (unless I put a black background on it , but that looked too attention grabbing when I tried it before )
i’ll ship the circle progress meter for now, I do think it’s an improvement to the slider because the native html progress element can’t be easily animated like this can
1 Like
But also squeezing some numbers inside the progress circle might help visually differentiate it from the circular item connector icon
yeah. and it wouldnt be way too small, around the same size that the number in the card count dropdown button on the right side.
1 Like
added count inside progress circle.
had to use a 10px font to fix 2 characters in
2 Likes