update: プログレスバーにスタイルを適用

This commit is contained in:
yuki540 2018-02-21 14:17:44 +09:00
parent 435e88e531
commit a0e5a5b16d

View File

@ -370,6 +370,24 @@
.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; }
}
/*** 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;
}
}
}
}