Adding Progress Bars

🌈Share & Showcase
1

Hi Everyone! I use dynalist for managing my work projects, and I wanted a little progress bar next to each project name. I’ve come up with the following solution.

Using the excellent https://progress-bar.dev site to generate the images.

You can add

- My Project Name ![](https://progress-bar.dev/66/)
  • My Project Name

And if you want them all to line up on the right hand side of the note, you can add this custom css.

.node-displayed-image[src^="https://progress-bar.dev"] {
	float:right;
}

Example:

image
image955×222 17.3 KB

11 Likes
2

wow neat

3

Very interesting possibility. Thanks for sharing!

1 Like
5

I would love to be able to use this. When I copy paste your link (not the code) in Dynalist, the progress bar shows as a text written “Image” on it and I need to hover my mouse over it to display the image. Do you have any ideas how to solve this?

Sorry I’m a real noob when it comes to IT stuff!

1 Like
6

That is how it looks on a Free account. Inline images is Pro only.

1 Like
7

progress-bar.dev no longer works, but https://progress.rocks works the same way

- My Project Name ![](https://progress.rocks/45.4/)
- Save $500 ![](https://progress.rocks/200/?title=Savings&suffix=$&scale=500)