Progress Bars & HSL Slider

[Phil_Hamilton]

Hi all! I just wanted to share a couple things that have been bringing me joy lately.

1. Makeshift progress bars. I like to put rectangles next to each other whose lengths are inversely linked to some percentage. Does anyone else do this? I find myself doing it all the time. I don’t love the limitations of the gantt chart (or I haven’t figured out how to take advantage of it). Also, using rectangles allows me to add fun colors to my docs!

2. My HSL Slider. When coming up with fun colors for my progress bars, I prefer not to leave Coda. I made this a while back and I always get a kick out of it.

Cheers!

[Jean_Pierre_Traets]

Dear @Phil_Hamilton

Thanks sharing your creative project in this community, showing again the potential of Coda🤝

Hopefully we will see more of your input and you will find inspiration in this community.

Amicable,
JP

[Ed_formerly_Tom_Brennan]

Phil! – This is AWESOME! - It makes me happy too! I’m a novel writer - so I can use this to graphically track progress in my book. Many 1,000’s of thanks.

[benblee]

@Phil_Hamilton, this is Awesome!

Thank you for posting it!

I love the arrow showing where you are on the spectrum of colors. That’s such a creative way to get the location of the arrow work out. So many cool things in this document!

[Paul_Danyliuk]

@Phil_Hamilton I do progress bars too! Btw love how you’re using a “transparent” progress bar to move an arrow in the HSL color picker!

Another tip about progress bars, which I have just posted:

Multipart progress bar from table rows

One thing I particularly love about Coda is that it lets me quickly build simple productivity tools to help me with my mess of a life. Just now I was thinking of building a “where did my time go” tracker. I wondered if it was possible to visualize my day as a multipart progress bar with work, break, and procrastination periods as differently colored sections (interleaved, not aggregated). Yep, it’s possible! You can use .FormulaMap(Rectangle(…)).Concatenate() on a list of rows to get a nice con…

[Phil_Hamilton]

@Paul_Danyliuk Your use of concatenate with rectangles got me excited about the prospect of creating gradients, so I tested it out modifying the spectrum-visualizer-thingy in my doc. It lags, but aesthetically it’s . Also, the tool better serves its purpose because the visual spectrum can also preview luminosity and saturation. Thanks for the insight!

[Ander]

This visual indicator is important to one of my workflows.

Sharing back + thanks to:

@Phil_Hamilton
@Paul_Danyliuk
@Nick_Milner

[Curtis_Smith]

hey phil, could you share the top progress bar. Its amazing

[Jean_Pierre_Traets]

Dear @Curtis_Smith,

The doc is available, by pushing the button “open in Coda” and then saving a copy

[Curtis_Smith]

this one?

[Phil_Hamilton]

Oh THAT one! Haha… I’ll have to tweak it a little so I can make it shareable. I’ll follow up ASAP tomorrow with a doc.

[Phil_Hamilton]

@Curtis_Smith Here’s a simplified version of that section. Hope it gives you the insight you’re looking for! Let me know if you have any questions.

[Curtis_Smith]

THank you!
…