CODEWITHSUNDEEP
htmlcssprogress-bar
James
James

Reputation: 323

CSS Progress Bar

I am trying to hide a progress bar after a certain amount of seconds and show a div. I have coded this jsFiddle but does not seem to be working.

jsFiddle

Upvotes: 1

Views: 293

Answers (2)

kéryann
kéryann

Reputation: 21

you can do this easly in css

.blue{
 width: 200px;
 background-color: blue;
 height:30px;
 left:40px;
 top:30px;
 padding:5px;
 }
 .blue>div{
 background-color:red;
 height:25px;
 width:50px;
 top:10px;
 }
<div class="blue" ><div>20%</div></div>

Upvotes: 1

ijo
ijo

Reputation: 55

You need browser prefixes:

@keyframes bubbly
{...}

@-moz-keyframes bubbly /* Firefox */
{...}

@-webkit-keyframes bubbly /* Safari and Chrome */
{...}mymove

@-o-keyframes bubbly /* Opera */
{...}

So it works in almost all browsers.

Upvotes: 0

Related Questions