实例:
实例步骤:
第一个进度条
- 外部创建一个盒子
- 内部创建一个左右边框宽度为10像素白色边框,上下边框宽度为10像素半透明白色边框,中间颜色与背景色相同的div盒子
- 让div盒子自转
第二个进度条
- 外部创建一个盒子
- 内部创建一个5像素边框的li属性,再创建一个div盒子,使用绝对定位,将div移动到li属性上
- 让li属性和div盒子共同旋转
实例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>进度条</title>
<style>
*{
list-style:none ;
}
/* 设置背景颜色 */
body{
background-color: rgb(119,116,115);
}
/* 定义外部盒子 */
div{