Using in Dashboard++

Dashboard++ (aka DashboardPlusPlus) is a CSS snippet that provides a homepage for organizing and navigating notes. You can find it at https://github.com/TfTHacker/DashboardPlusPlus

If you want to incude progress bars into the columns of your Dashboard++ page, you can not use a standard APB code block. However, there is a workaround detailed below.

Progress Bar in Columns

You normally insert a progress bar by pasting in the standard APB code block which may look something like this:-

```apb
My Title: 57/100
```

You can still do this on the page, but it will not be able to be placed inside columns (as a list item).

Instead, if you want to place them in the columns (as a list item) you will have to use a workaround by simply omitting the last three backticks so that it looks like this:-

- ```apb
My Title: 57/100

As shown in the example above, the code block omits the closing backticks and begins with a hyphen and space to format it as a list item.

Tag linking for tasks and sub-tasks do not work on Dashboard++ pages only simple manually edited progress bars work.

In earlier versions, this workaround worked, but starting with release 1.0.8, I have refined it to hide the list bullet for progress bars, resulting in a cleaner, more polished look (see image below).

Now, you can effortlessly place simple progress bars anywhere in column lists without a list bullet on the left, enhancing visual clarity.