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.---.ir/up/---/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:50%; "></div></div></div> <div