In this topic you add some content to a Panel control and associate a C1RadialGaugeExtender control with it to create a gauge.

1. In your Web application, add a standard Panel control to the main content of  your page.
2. Click the Panel smart tag and select Add Extender from the Panel Tasks menu.
3. In the Extender Wizard, select C1RadialGaugeExtender and click OK. A C1RadialGaugeExtender control is added to the page and the TargetControlID is set to Panel1.

<cc1:C1RadialGaugeExtender ID="Panel1_C1RadialGaugeExtender" runat="server" Max="100" Min="0" StartAngle="0" SweepAngle="180" TargetControlID="Panel2"

            Value="0">

            <cap>

                <style>

                    <fill color="Green">

                    </fill>

                </style>

            </cap>

            <tickmajor factor="2" interval="10" offset="0" visible="True">

            </tickmajor>

            <tickminor factor="1" interval="5" offset="0" visible="False">

            </tickminor>

            <pointer length="1" offset="0.15" width="4">

            </pointer>

            <labels offset="0">

            </labels>

            <animation duration="2000" easing="EaseOutBack">

            </animation>

        </cc1:C1RadialGaugeExtender>

In the next step you will set some of the extender properties.