RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-26 20:47:45 +00:00
Code Issues Activity Actions

Base: Remove modifications from fancy progress bar demo

Browse source 
This restores the demo to being the same as on css-tricks.com.
This commit is contained in:
MacDue 2022-08-11 19:30:20 +01:00 • committed by Andreas Kling
parent 18258a53c6
commit 4f83b70c7f
1 changed files with 5 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

10
Base/res/html/misc/progressbar.html
View file

@ -69,15 +69,14 @@
#really-fancy-progress[value] { #really-fancy-progress[value] {
appearance: none; appearance: none;
width: 500px; width: 250px;
height: 40px; height: 20px;
} }
#really-fancy-progress[value]::-webkit-progress-bar { #really-fancy-progress[value]::-webkit-progress-bar {
background-color: #eee; background-color: #eee;
border-radius: 2px; border-radius: 2px;
/* FIXME: Should be an inset shadow (not supported yet) */ box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
} }
#really-fancy-progress[value]::-webkit-progress-value { #really-fancy-progress[value]::-webkit-progress-value {
@ -89,8 +88,9 @@
rgba(255, 255, 255, .25), rgba(255, 255, 255, .25),
rgba(0, 0, 0, .25)), rgba(0, 0, 0, .25)),
-webkit-linear-gradient(left, #09c, #f44); -webkit-linear-gradient(left, #09c, #f44);
border-radius: 2px; border-radius: 2px;
background-size: 70px 40px, 100% 100%, 100% 100%; background-size: 35px 20px, 100% 100%, 100% 100%;
} }
</style> </style>