怎么用css制作进度条？

html-css035

怎么用css制作进度条？,第1张

如果是百分比的话，可以在进度条span上写样式。

<span style="width:60%"></span>

这个60可以由开发传值过来。

不过建议你把需求说详细一点。

如果不考虑IE的话，用css3应该不难：

1、边框用背景图或纯色都可以，配合圆角和阴影；

2、里面的进度条可以用垂直方向的线性渐变及阴影配合实现；

3、最后配合js动态修改里面进度条div的宽度和文字的显示即可。