如何使用CSS3制作一个简单的进度条

html-css03

如何使用CSS3制作一个简单的进度条,第1张

如果不考虑IE的话,用css3应该不难:1、边框用背景图或纯色都可以,配合圆角和阴影;2、里面的进度条可以用垂直方向的线性渐变及阴影配合实现;3、最后配合js动态修改里面进度条div的宽度和文字的显示即可。

css如何改变进度条的样式有两步。

1、通过webkitscrollbar属性设置滚动条整体部分。

2、通过webkitscrollbarbutton属性设置滚动条两端的按钮。