Progress bar not showing in my table when using inline dataview

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

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

Dashboard note

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

Even in my Kanban Goeals board the progress bar not working

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


1 Like

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

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.