/
jquery.progress-bar.css
36 lines (36 loc) · 1.16 KB
/
jquery.progress-bar.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
div.progress-bar-container {
height: 28px;
width: 180px;
border: 1px solid #83a3b8;
position: relative;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background-color: #c1d2de; }
div.progress-bar-container div.bar {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 1px 1px 2px #888888;
-moz-box-shadow: 1px 1px 2px #888888;
background-color: #aaaaaa;
width: 10px;
background-repeat: repeat-x;
background-position: top left; }
div.progress-bar-container div.percent {
position: absolute;
top: 0px;
font-size: 11px;
padding: 0px 5px;
font-weight: bold;
color: black;
font-family: Arial, serif; }
div.progress-bar-container.red div.bar {
background-image: url(images/bg_fill_red.png); }
div.progress-bar-container.orange div.bar {
background-image: url(images/bg_fill_orange.png); }
div.progress-bar-container.green div.bar {
background-image: url(images/bg_fill_green.png); }
div.progress-bar-container.rtl div.bar {
-webkit-box-shadow: -1px 1px 2px #888888;
-moz-box-shadow: -1px 1px 2px #888888; }