实例:
实例步骤:
- 创建一个外部盒子
- 在外部盒子里创建6个div矩形条和1个文字矩形条(基本框架)
- 在矩形条中添加相应样式和过渡属性
实例代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>progress</title>
<style>
/*整体背景颜色*/
body{
background-color: #808080;
}
div{
margin: 10px;
}
.one{
background-color: #30BF82;
width: 200px;
height: 200px;
float: left;
}
.one1{
width: 0px;
height: 10px;
margin-top: 15px;
ba