Progress bar not showing in my table when using inline dataview

Help
1

Things I have tried

I add this inline dataview code to my Goal note

`= "<progress value='" + (length(filter(this.file.tasks.completed, (t) => t = true)) / length(this.file.tasks.text)) * 100 + "' max='100'></progress>" + " " + (length(filter(this.file.tasks.completed, (t) => t = true)) / length(this.file.tasks.text)) * 100 + "%"`

Goal Note

image
image860Ă—469 9.39 KB

And when i use dataview to show my Goals note in dashboard note with progress bar its just showing my inline dataview code

image
image772Ă—355 9.55 KB

Dashboard note

image
image772Ă—355 9.55 KB 

TABLE 
	(length(filter(file.tasks.completed, (t) => t = true)) / length(file.tasks.text)) * 100 + "%" AS Parcentage,
	Bar as bar
FROM #goal 
WHERE file.tasks
SORT Type DESC

Even in my Kanban Goeals board the progress bar not working
image

What I’m trying to do

I’m trying to show progress bar for my completed Tasks from Goals Note (note with #goal tag) in my dashboard note

image

1 Like
2

It’s not working because it is quoting the entire query as a string. What you’d do in this case is what you’ve already done for Percentage, i.e. swap “Bar as bar” for something like

("<progress value="+( (length(filter(file.tasks.completed, (t) => t = true)) / length(file.tasks.text)) )+" ></progress>") as bar