.progress-bar {

background-color: #F5F5F5;

height: 16px;

width: 265px;

margin: 5px;

border: 1px solid #CCCCCC;

-moz-border-radius: 4px;

-webkit-border-radius: 4px;

border-radius: 4px;

float: 4px;

}

.progress-bar div {

display: inline-block;

height: 100%;

background-color: #777;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;

-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;

box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;

-webkit-transition: width .5s ease-in-out;

-moz-transition: width .5s ease-in-out;

-ms-transition: width .5s ease-in-out;

-o-transition: width .5s ease-in-out;

transition: width .5s ease-in-out;

text-shadow: 1px 1px 0 #fff;

}

.orange div {

background-color: #94c41b;

background-image: url('http://up.skinak.ir/up/skinak/ashgaldoni/pic/001/01.gif');

}

.shine div {

position: relative;

font: 13px tahoma;

}

.shine div::after {

content: '';

opacity: 0;

position: absolute;

top: 0;right: 0;bottom: 0;right: 0;

background: #fff;

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

-webkit-animation: animate-shine 3s ease-out infinite;

-moz-animation: animate-shine 3s ease-out infinite;

}

/*]]>*/</style>

<div style="text-align: right; margin-right: 0px; float: left; ">

<div align="left" class="progress-bar orange shine">

<div style="color: red; width: 95%; "></div></div></div>

<div style="display: inline-block; margin-top: 3px; margin-right: 0px; "><strong><font size="2px">