در قالب نسخه 10.2 تغییرات اندکی نیز انجام شده است، که به شرح زیر می باشد:
فایل frame.css را باز کنید و به دنبال کد زیر بگردید:
overflow: hidden; height: 15px; margin-top: 5px; background-color: #f7f7f7; background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -ms-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image: linear-gradient(top, #f5f5f5, #f9f9f9); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#f9f9f9', GradientType=0); -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;
}
.progressbar span { color: #ffffff; text-align: center; text-indent: -2000em; height: 15px; display: block; overflow: hidden; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #dd514c; background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35); background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35)); background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35); background-image: -o-linear-gradient(top, #ee5f5b, #c43c35); background-image: linear-gradient(top, #ee5f5b, #c43c35); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee5f5b', endColorstr='#c43c35', GradientType=0);
}
کد پیدا شده را با پاک و کد زیر را جایگزین آن نمائید:
.progress { overflow:hidden; margin-top:10px; margin-bottom:10px; background-color:whitesmoke; height:10px; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; background:#eee; -webkit-box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset; box-shadow:0 1px 0 white, 0 0px 0 1px rgba(0, 0, 0, 0.1) inset, 0 1px 4px rgba(0, 0, 0, 0.2) inset;
} .progress .progress-bar { float:left; width:0%; font-size:12px; line-height:20px; color:white; text-align:center; background-color:#428bca; -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-transition:width 0.6s ease; transition:width 0.6s ease; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; -webkit-box-shadow:none; box-shadow:none; height:8px;
}
.progress-bar span{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); border:0;
}
.progress-blue { background-image:-webkit-gradient(linear, left 0%, left 100%, from(#9bcff5), to(#6db9f0)); background-image:-webkit-linear-gradient(top, #9bcff5, 0%, #6db9f0, 100%); background-image:-moz-linear-gradient(top, #9bcff5 0%, #6db9f0 100%); background-image:linear-gradient(to bottom, #9bcff5 0%, #6db9f0 100%); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF9BCFF5', endColorstr='#FF6DB9F0', GradientType=0); border:1px solid #55aeee;
}
