Question

Hi I want to populate the value of maxbars variable in the width in the percentage format, but for some reasons its not taking its value. Can you please help.

Example: I want to display it as width:10.9% format

<xsl:for-each select="catalog/cd/price">
 Current node:
 <xsl:variable name="maxbars" select="."/>
 <div style="width: 200px; height: 20px;">
 <div style="width: maxbars%; height: 18px; background-color: red"></div>
 </div>
 <br/>
 </xsl:for-each>



<catalog>
<cd>
    <title>Empire Burlesque</title>
    <artist>Bob Dylan</artist>
    <country>USA</country>
    <company>Columbia</company>
    <price>10.90</price>
    <year>1985</year>
</cd>
<cd>
    <title>Hide your heart</title>
    <artist>Bonnie Tyler</artist>
    <country>UK</country>
    <company>CBS Records</company>
    <price>9.90</price>
    <year>1988</year>
</cd>

Answer 1

You must indicate that you are using the maxbars variable. If you are using it inside of an attribute, you can use XSL-T’s curly brace syntax for xPath expressions:

<div style="width: {$maxbars}%; height: 18px; background-color: red"></div>

Important: The braces are placed around the expression and you use the $ inside of the braces.

If you want to insert variables (and other xPath expressions) outside of attributes, then you must use the <xsl:value-of> element:

<span>Price: <xsl:value-of select="$maxbars"/></span>