Here’s code for a javascript column if you want to use it. It will dynamically build as many or as few bars as you want based on the number of percentages you give it. You can specify headings if you want. If not, you still need to put in commas so it splits into an array properly. It’s not perfect, but works pretty good.
p1 = headings
p2 = percentages
p3 = bar colors
let headings = p1.split(",");
let percentages = p2.split(",");
let colors = p3.split(",");
let template = '<td style="text-align:center;"><b>{heading}<p></b><div style="margin:auto;border-radius:0px;background-color:#DDDDDD;position:relative;height:200px;width:15px;"><div style="border-radius:0px;background-color:{color};position:absolute;bottom:0px;width:15px;height:{percentage}%"></div><div style="position:absolute;bottom:0px;height:calc({percentage}% + 10px);right:18px;text-align:right;white-space:nowrap;"><a style="border: 1px solid black;padding:2px;">{percentage}%</a>→</div></div></td>';
let finalResult = [];
for (let i = 0; i < percentages.length; i++) {
finalResult.push(template.replaceAll("{heading}", headings[i]).replaceAll("{percentage}", percentages[i]).replaceAll("{color}", colors[i]));
}
return '<table style="width:100%;table-layout:fixed;"><tr>' + finalResult.join("") + '</tr></table>';