update: プログレスバーにスタイルを適用
This commit is contained in:
parent
435e88e531
commit
a0e5a5b16d
@ -370,6 +370,24 @@
|
|||||||
.block:nth-child(6) { animation: load-view__block2 0.5s ease 0.5s forwards; }
|
.block:nth-child(6) { animation: load-view__block2 0.5s ease 0.5s forwards; }
|
||||||
.block:nth-child(7) { animation: load-view__block1 0.5s ease 0.6s forwards; }
|
.block:nth-child(7) { animation: load-view__block1 0.5s ease 0.6s forwards; }
|
||||||
}
|
}
|
||||||
|
|
||||||
|
/*** progress-bar ***/
|
||||||
|
#progress-bar {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 20px; left: 100px;
|
||||||
|
width: calc(100% - 200px); height: 30px;
|
||||||
|
border: solid 3px #fff;
|
||||||
|
box-sizing: border-box;
|
||||||
|
border-radius: 20px;
|
||||||
|
padding: 5px;
|
||||||
|
|
||||||
|
div {
|
||||||
|
width: 0%; height: 100%;
|
||||||
|
border-radius: 10px;
|
||||||
|
background-color: #fff;
|
||||||
|
transition: all 0.5s ease 0s;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user