:root{--timing:ease}

.scrollBar1{
    position:fixed;
    top:0;
    height:2px;
    width:0%; /* 初始宽度为0% */
    z-index:99999;
    background:#ff82ab; /* 颜色设置为#ff82ab */
    -webkit-transition:width .2s var(--timing);
    transition:width .2s var(--timing);
    text-align:right;
    color:#fff
}

.scrollBar1 span{
    position:absolute;
    top:-23px;
    right:15px;
    font-size:.7em;
    font-weight:500;
    display:block;
    text-align:center
}

.scrollBar1 span::after{
    content:"%";
    font-size:.8em;
    position:absolute;
    right:-15px;
    bottom:4px;
    font-weight:700;
    opacity:.4
}