@charset "utf-8";

#progressbar {
   display        : inline-block;
}

#progressbar .container {
   position       : relative;
   width          : 240px;
   height         : 6px;
   text-align     : left;
   vertical-align : top;
   padding        : 5px 5px 5px 5px;
   border         : solid 3px #b0c4de;
   border-radius        : 5px 5px 5px 5px;
   -webkit-border-radius: 5px 5px 5px 5px;
   -moz-border-radius   : 5px 5px 5px 5px;

}
#progressbar .container .bar {
   position       : absolute;
   width          : 0%;
   height         : 6px;
   vertical-align : top;
   background     : #e6e6fa;
   border-radius        : 3px 3px 3px 3px;
   -webkit-border-radius: 3px 3px 3px 3px;
   -moz-border-radius   : 3px 3px 3px 3px;
}
#progressbar .container .percent {
   position       : absolute;
   width          : 240px;
   height         : 16px;
   line-height    : 16px;
   top            : 0px;
   text-align     : center;
   color          : #555555;     
   font-size      : 16px;
   font-weight    : bold;
}