数据图表一直是excel中常用的功能之一，通过excel能够方便的生成各种饼状图、柱状的彩色图表。在网站应用中，—般用于显示在正文的统计图表采用图片替代，功能型的图标，如网站分析软件，一般也是通过服务器端脚本生成图片，或是使用表格的长度来制作柱状图显示，包括目前众多软件开始使用flash作为前台显示工具。
在一些特殊的网站设计之中，如股票、行情分析、网站统计服务等网站中，图表占有爿E重要的地位，而有些时候并不是每个网站都有能力开发基于Flash的图表应用，但是纯表格实现的统计图样式往往表格复杂且样式达不到要求。
，这时可以尝试使用CSS来构建图表，天津网站建设，天津网站制作，天津网站优化，天津网络公司不过使用CSS来制作图表只能够表现柱状图，众所周之CSS本身的所有对象都是基于盒状的方块结构，没有任何圆型或其他型状的对象，因只能借助于本身的形态来制作柱状图，不能不说是一个缺憾。
经常从事网站设计的设计师应当经常造访flash制作的互动网站，在flash网站之中最常用的一种设计形式便是读取进度条，进度条便是一种简单的图表形式，网站通常使用进度条来告诉访问者网站当前下载了多少，在纯HTML结构的网站中也有应用，如Microsoft的indows update网站上，使用了一个简单的动态gif来表示网站下载。
当然Windows update网站上的进度条不过是一个动画图片，并没有真正意义上的进度显示，只是为了使界面变得友好一些，但是如果使用CSS来制作进度条，结合javascript能够动态改变进度条的宽度从而达到真正意义上的进度条，我们将使用CS$来完成一个进度条的基础样式，有了CSS的进度条样式，就可以把这个接口留给程序员来完成真正的进度条功能，我们将在随后进行一段简单的JavaScript程序编写来模拟进度条的运行。