求大神怎麼做出一個css進度條?
這個具體怎麼實現~
用幾個過渡就行了============-========剛寫了下 覺得用jquery的過渡方便點
&
&
&&
&&
&&
&
&
&
&
這個具體怎麼實現~
用幾個過渡就行了============-========剛寫了下 覺得用jquery的過渡方便點
&
&
&&
&&
&&
&
&
&
&
&
&
&&
&&
& & & & & & &&&
&
html{
font-size:20px;
}
ul{
list-style-type:none;
background-color:#ccc;
overflow:hidden;
padding:1rem;
}
ul li{
float:left;
}
.circle{
width:2rem;
height:2rem;
border-radius:2rem;
background-color:green;
border:0.2rem solid #aaa;
}
.cur{
background-image:radial-gradient(circle,white 0%,white 22%,green 22%,green 100%);
}
.noFinishLine{
background-color:#aaa!important;
}
.noFinishCircle{
background-color:#aaa!important;
width:2.6rem!important;
height:2.6rem!important;
border-radius:2.6rem!important;
margin-top:-0.3rem;
}
.line{
width:5rem;
height:0.2rem;
margin-top:1rem;
background-color:green;
transform:scaleX(1.09);
}
※移動端視網膜(Retina)屏幕下如何解決網頁中1px顯示問題?
※如何藉助HTML5微數據優化網頁?
※Web 平台是否會在移動平台上最終超過應用平台?為什麼?
※移動端HTML5如何開發?跟PC端有什麼區別?