@кеифрамес пргБар {
0% { ширина: 0% }
9.99% { ширина: 0% }
10% { ширина: 10% }
95% { ширина: 100% }
}

тело {
фонт: 13пк/20пк "Луцида Гранде", Тахома, Вердана, санс-сериф;
боја: #404040;
позадина: #2а2а2а;
}

.контејнер {
маргина: 60пк ауто;
ширина: 400пк;
тект-алигн: центар;
}

.контејнер.прогресс {
маргина: 0 ауто;
ширина: 400пк;
}

.прогресс {
паддинг: 4пк;
позадини: ргба(0, 0, 0, 0.25);
бордер-радиус: 6пк;
-вебкит-бок-схадов: уметнути 0 1пк 2пкргба(0, 0, 0, 0.25), 0 1пкргба(255, 255, 255, 0.08);
кутија-сенка: уметнути 0 1пк 2пкргба(0, 0, 0, 0.25), 0 1пкргба(255, 255, 255, 0.08);
}

.прогрес бар {
висина: 16пк;
бордер-радиус: 4пк;
позадинска слика: -вебкит-линеар-градиент(топ, ргба(255, 255, 255, 0.3), ргба(255, 255, 255, 0.05));
позадинска слика: -моз-линеар-градиент(топ, ргба(255, 255, 255, 0.3), ргба(255, 255, 255, 0.05));
позадинска слика: -о-линеарни-градијент(топ, ргба(255, 255, 255, 0.3), ргба(255, 255, 255, 0.05));
позадинска слика: линеарни-градијент(додно, ргба(255, 255, 255, 0.3), ргба(255, 255, 255, 0

instagram viewer
.05));
-вебкит-транситион: 0.4слинеарне;
-моз-транситион: 0.4слинеарне;
-о-прелаз: 0.4слинеарне;
прелаз: 0.4слинеарне;
-вебкит-транситион-проперти: ширина, боја позадине;
-моз-транситион-проперти: ширина, боја позадине;
-о-транситион-проперти: ширина, боја позадине;
својства прелаза: ширина, боја позадине;
-вебкит-бок-схадов: 0 0 1пк 1пкргба(0, 0, 0, 0.25), уметнути 0 1пкргба(255, 255, 255, 0.1);
кутија-сенка: 0 0 1пк 1пкргба(0, 0, 0, 0.25), уметнути 0 1пкргба(255, 255, 255, 0.1);
}

#пет:цхецкед ~ .прогресс &гт; .прогрес бар {
ширина: 5%;
боја позадине: #ф63а0ф;
}

#двадесет пет:цхецкед ~ .прогресс &гт; .прогрес бар {
ширина: 25%;
боја позадине: #ф27011;
}

#фифти:цхецкед ~ .прогресс &гт; .прогрес бар {
ширина: 50%;
боја позадине: #ф2б01е;
}

#седамдесет и пет:цхецкед ~ .прогресс &гт; .прогрес бар {
ширина: 75%;
боја позадине: #ф2д31б;
}

#сто:цхецкед ~ .прогресс &гт; .прогрес бар {
ширина: 100%;
боја позадине: #86е01е;
}

.радио {
приказ: нема;
}

.ознака {
дисплеј: инлине-блоцк;
маргина: 0 5пк 20пк;
паддинг: 3пк 8пк;
боја: #ааа;
тект-схадов: 0 1пк црна;
бордер-радиус: 3пк;
курсор: показивач;
}