如何通过从XSLT元素读取值来设置Progressbar CSS样式宽度?

Question

我正在处理XML文件，其中学生有速率元素，并希望转换这样的速率元素值，并在XML转换为HTML期间使用宽度样式将其显示为进度条，以便为学生技能率提供良好的可见性

XML片段代码:

<?xml version="1.0" encoding="UTF-8"?>
<cv xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
xsi:noNamespaceSchemaLocation="CV.xsd">
<student>
<skills>
<skill >Java</skill>
<rate>95</rate>
</skills>
</student>

XSLT代码

<p>
<xsl:value-of select="skill" />
</p>
<div class="progress">
<div class="progress-bar bg-success" style="width:95%"><xsl:value-of select="rate" /></div>
</div>

问题:如何传递

Answer 1

检查此代码

<p>
<xsl:value-of select="skill" />
</p>
<div class="progress">
<div class="progress-bar bg-success">
<xsl:attribute name="style">
<xsl:text>width:</xsl:text><xsl:value-of select="skills/rate" /><xsl:text>% 
</xsl:text>
</xsl:attribute>
<xsl:value-of select="skills/rate" /></div>
</div>