<KoolChart styleName="koolchart">
 <CurrencyFormatter id="tpcFormat" precision="0" currencySymbol="%" thousandsSeparatorTo="." alignSymbol="right"/>
 <HalfCircularGauge startAngle="165" minimumAngle="0" maximumAngle="210" minimum="0" maximum="100" interval="20" minorInterval="5" formatter="{tpcFormat}" editMode="false" liveDragging="true" showDataTip="true" valueXOffset="0" valueYOffset="0" isValueTop="true" tickLabelStyleName="tickText" valueLabelStyleName="valueText" needleCoverRadius="20" needleThickness="20" pointThickness="0" needleLengthRatio="0.7" needlePointStyle="steeple" needleBackLengthRatio="0" tickGap="0" labelGap="15" tickLabelPlacement="outside" majorTickType="line" tickRadius="12" minorTickType="line" minorTickRadius="10" showTrackColor="true" trackValues="[0,20,40,60,80,100]" trackColors="[#f35f5f,#f6a54c,#b7e2ac,#5ece9e,#5587a2]" trackAlphas="[0.8,0.85,0.90,0.95,1]" trackInnerRadius="0.87" trackOuterRadius="1" dataTipJsFunction="w120TipHandler">
        <frameFill>
            <SolidColor color="#ffffff"/>
        </frameFill>
        <frameStroke>
            <Stroke color="#777" weight="0" alpha="0"/>
        </frameStroke>
        <tickStroke>
            <Stroke color="#ffffff" alpha="0"/>
        </tickStroke>
        <minorTickStroke>
            <Stroke color="#ffffff"/>
        </minorTickStroke>
        <needleFill>
            <SolidColor color="#555"/>
        </needleFill>
        <needleStroke>
            <Stroke color="#555"/>
        </needleStroke>
        <needleCoverFill>
            <SolidColor color="#ffffff" alpha="1"/>
        </needleCoverFill>
        <needleCoverStroke>
            <Stroke color="#555" weight="4"/>
        </needleCoverStroke>
    </HalfCircularGauge>

<Style>
   .koolchart { backgroundColor:#ffffff; borderStyle:none; cornerRadius:12; paddingBottom:5; } .valueText { fontSize:15; textAlign:center; color:#777; backgroundColor:#fff; paddingTop:4; borderThickness:0;  } .tickText { fontSize:12; color:#999 } .trackText { fontSize: 12px; color: #f9f9f9; fontWeight: bold; }
</Style>

</KoolChart>