.jf_progress{position:relative;margin:20px 0;width:100%;height:2px;background-color:#EEE}.jf_progress .fill{position:absolute;top:0;left:0;width:0%;height:100%;background-color:#555;-webkit-transition:width 1.2s ease-in-out;-khtml-transition:width 1.2s ease-in-out;-moz-transition:width 1.2s ease-in-out;-ms-transition:width 1.2s ease-in-out;-o-transition:width 1.2s ease-in-out;transition:width 1.2s ease-in-out}.jf_progress .percent{position:absolute;top:0;right:-16px;background-color:#FFF;color:#333;height:36px;line-height:36px;padding:0 5px;font-size:12px;width:36px;text-align:center;-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.5);-khtml-box-shadow:0 1px 5px rgba(0,0,0,0.5);-moz-box-shadow:0 1px 5px rgba(0,0,0,0.5);-ms-box-shadow:0 1px 5px rgba(0,0,0,0.5);-o-box-shadow:0 1px 5px rgba(0,0,0,0.5);box-shadow:0 1px 5px rgba(0,0,0,0.5)}.jf_progress .percent .counter{line-height:38px}.jf_progress.x2{height:2px}.jf_progress.x4{height:4px}.jf_progress.x6{height:6px}.jf_progress.x8{height:8px}.jf_progress.x10{height:10px}.jf_progress.primary .fill{background:#337ab7}.jf_progress.info .fill{background:#5bc0de}.jf_progress.success .fill{background:#5cb85c}.jf_progress.warning .fill{background:#f0ad4e}.jf_progress.danger .fill{background:#d9534f}.jf_progress.red .fill{background:#f34235}.jf_progress.pink .fill{background:#e81d62}.jf_progress.purple .fill{background:#9b26af}.jf_progress.deep-purple .fill{background:#6639b6}.jf_progress.indigo .fill{background:#3e50b4}.jf_progress.blue .fill{background:#2095f2}.jf_progress.light-blue .fill{background:#02a8f3}.jf_progress.cyan .fill{background:#00bbd3}.jf_progress.teal .fill{background:#009587}.jf_progress.green .fill{background:#4bae4f}.jf_progress.light-green .fill{background:#8ac249}.jf_progress.lime .fill{background:#ccdb38}.jf_progress.yellow .fill{background:#feea3a}.jf_progress.amber .fill{background:#fec006}.jf_progress.orange .fill{background:#f39c12}.jf_progress.deep-orange .fill{background:#fe5621}.jf_progress.brown .fill{background:#785447}.jf_progress.grey .fill{background:#9d9d9d}.jf_progress.blue-grey .fill{background:#5f7c8a}.jf_progress.white .fill{background:#ffffff}.dir-rtl .jf_progress .percent{left:-16px;right:auto}.dir-rtl .jf_progress .fill{left:auto;right:0}