怎么用css制作进度条?

html-css029

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

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

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

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

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

如果不考虑IE的话,用css3应该不难:

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

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

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