效果:
body {
background: #e4e4e4;
}
.container {
width: 20px;
height: 180px;
position: relative;
}
.inner {
width: 20px;
height: 180px;
background: linear-gradient(0deg, #2d4264 50%, #0a1431 50%);
background-size: 100% 6px;
}
.percentage {
position: absolute;
bottom: 0;
width: 20px;
background: linear-gradient(to bottom, #24a1d8 0%, #3e25c8 100%);
}
.percentage::before {
content: "";
position: absolute;
bottom: 0;
height: 180px;
width: 20px;
background: linear-gradient(0deg, transparent 50%, #0a1431 50%);
background-size: 100% 6px;
}
更新时间:2024-09-07
本站资料均由网友自行发布提供,仅用于学习交流。如有版权问题,请与我联系,QQ:4156828
© CopyRight 2008-2024 All Rights Reserved. Powered By bs178.com 闽ICP备11008920号-3
闽公网安备35020302034844号