关于jsp页面如何和css样式关联起来的问题

tenlyllj 2012-10-24 10:28:37

现在已经有一个jsp页面，和一个css样式，jsp页面中简单的定义一个边框来代表进度条，然后根据设置进度条的宽度来改变颜色（采用的红色进行填充），进而实现的进度效果。
css文件中是一个比较漂亮的进度条样式，我想用这个样式来取代我定义的那个简单的边框，以及填充的颜色，我在jsp页面中link进来了这个css页面，但接下来这两个页面如何去关联我不太清楚了，所以想请各位朋友们帮帮我，教教我。

下面我把这两个页面的代码放到下面：
首先是jsp页面：



<html>

<body>

<div id="progressBar" style="padding:0px;border:solid black 0px;visibility:hidden">

<table width="300" border="0" cellspacing="0" cellpadding="0"  align="center">

  <tr>

    <td align="center" id="progressPersent">86%</td>

  </tr>

  <tr >

    <td>

 <table width="100%" border="1" cellspacing="0" cellpadding="0" bordercolor="#000000">

  <tr>

    <td>

 <table width="1%" border="0" cellspacing="0" cellpadding="0" bgcolor="#FF0000" id="progress">

              <tr>

                <td> </td>

              </tr>

            </table></td>

  </tr>

</table>

</td>

  </tr>

  <tr>

    <td align="center" id="complete">completed</td>

  </tr>

</table>

</div>

<input id = "go" name="run" type="button" value="run" onClick="go();">



</body>

</html>

接下来是css文件：



<Style x:Key="ProgressBarStyle" TargetType="{x:Type ProgressBar}">  

    <Setter Property="Template">  

        <Setter.Value>  

            <ControlTemplate TargetType="{x:Type ProgressBar}">  

                <Grid>  

                    <!--背景框-->  

                    <Rectangle Margin="0" VerticalAlignment="Stretch" Height="Auto" Stroke="#FF7C8C9A" RadiusX="1" RadiusY="1">  

                        <Rectangle.Fill>  

                            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">  

                                <GradientStop Color="#FFDEDEDE" Offset="0"/>  

                                <GradientStop Color="White" Offset="1"/>  

                            </LinearGradientBrush>  

                        </Rectangle.Fill>  

                    </Rectangle>  

                    <!--进度低槽     不要改这个DockPanel的名字-->  

                    <DockPanel x:Name="PART_Track" Margin="1" LastChildFill="false">  

                        <!--进度填充条     不要改这个Rec的名字-->  

                        <Rectangle  x:Name="PART_Indicator">  

                            <Rectangle.Fill>  

                                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">  

                                    <GradientStop Color="#FFF3FFA7" Offset="0.075"/>  

                                    <GradientStop Color="#FFADDA4F" Offset="0.8"/>  

                                    <GradientStop Color="#FFCFEC31" Offset="0.129"/>  

                                    <GradientStop Color="#FF8AC118" Offset="0.871"/>  

                                    <GradientStop Color="#FFA8DC3B" Offset="1"/>  

                                </LinearGradientBrush>  

                            </Rectangle.Fill>  

                        </Rectangle>  

                    </DockPanel>  

                    <!--边缘的一像素高光-->  

                    <Rectangle Margin="1" Height="Auto" Stroke="White" Opacity="0.25"/>  

                </Grid>  

            </ControlTemplate>  

        </Setter.Value>  

    </Setter>  

</Style>