使用GridView显示进度图片和进度文字的例子(2)

          <div style="width: 200px; position: absolute; z-index: 100; top: 0px; text-align: center;"><%#Eval("1月")%></div>
        </div>
        </ItemTemplate>
      </asp:TemplateField>
      <asp:TemplateField HeaderText="2月">
        <ItemTemplate>
        <div style="position: relative; width: 200px;"><img alt="" src="http://www.2cto.com/uploadfile/2012/0406/20120406090706259.jpg" width="<%#Eval("2月") %>" height="20" /><br />
          <div style="width: 200px; position: absolute; z-index: 100; top: 0px; text-align: center;"><%#Eval("2月")%></div>
        </div>
        </ItemTemplate>
      </asp:TemplateField>
      <asp:TemplateField HeaderText="3月">
        <ItemTemplate>
        <div style="position: relative; width: 200px;"><img alt="" src="http://www.2cto.com/uploadfile/2012/0406/20120406090706259.jpg" width="<%#Eval("3月") %>" height="20" /><br />
          <div style="width: 200px; position: absolute; z-index: 100; top: 0px; text-align: center;"><%#Eval("3月")%></div>
        </div>
        </ItemTemplate>
      </asp:TemplateField>
    </Columns>
  </asp:GridView>
  </form>
</body>
</html>

 

作者 孟宪会