Power BI 动画可爱风进度条

进度条使用CSS动画实现。Power BI可以直接套用。打开以下网址，复制CSS代码：

https://codepen.io/t_afif/pen/JjQVYgJ

把完整的CSS代码存放到一个度量值：

新建HTML度量值，用来展现需要显示的指标，这里是业绩达成率，按需自行替换：

HTML.CSS进度条上1 = 
 "<progress value='" & [M.业绩达成率] & "'></progress>"

除了直接是率值，还可以是：

HTML.CSS进度条上2 = 
 "<progress max='" & [M.销售目标] & "' value='" & [M.销售业绩] & "'></progress>"

把HTML度量值放入HTML Content视觉对象，得到：

在Stylesheet放入CSS度量值，得到：

如果数据标签想要显示在下方，HTML度量值变更为：

HTML.CSS进度条.下 =
 "<progress value='" & [M.业绩达成率] & "' class='bottom'></progress>"

这里加了class='bottom'，CSS度量值中有对应的样式设置：