In this topic you add some content to a Panel control and associate a C1LinearGaugeExtender 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 C1LinearGaugeExtender and click OK. A C1LinearGaugeExtender control is added to the page and the TargetControlID is set to Panel1.

<cc1:C1LinearGaugeExtender ID="Panel1_C1LinearGaugeExtender" runat="server"

        Max="100" Min="0" TargetControlID="Panel1" Value="0">

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

        </tickmajor>

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

        </tickminor>

        <pointer length="0.5" offset="0" width="4">

        </pointer>

        <labels offset="0">

        </labels>

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

        </animation>

    </cc1:C1LinearGaugeExtender>

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