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

现在已经有一个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>&nbsp;</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>