progress-bars/XC_styles.css at master · xavicosco/progress-bars · GitHub

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
body
{
	background-color:black;
}

#content
{
	border: 1px solid grey;
    width: 27%;
    margin: 0 auto;
	padding: 10px 50px;
	background-color:white;
}

.progress
{
	border:1px solid #d4d4d4;
	height:45px;
	margin-bottom:10px;
}

#bar1_status, #bar2_status, #bar3_status
{
	border:1px solid lightblue;
	background-color:lightblue;
	height:45px;
}

.progress p
{
	text-align: center;
    margin-top: -33px;
}

.animated_bar
{
	-webkit-transition : width 0.3s ease;
   -moz-transition : width 0.3s ease;
    -o-transition : width 0.3s ease;
    transition : width 0.3s ease;
}
.min_bar
{
	width:0%;
}

.max_bar
{
	width:100%;
	background-color:red!important;
}
.strong
{
	font-weight:bold;
}

.footer_btns
{
	margin-top:20px;
}
button{
	margin-bottom:10px;
}

@media (max-width: 700px) {
	h1{ font-size:14px; }
	p { font-size:12px;}
	#dropdown_bars { width:100%; margin-bottom:10px; }
	.footer_btns button{ width:45%; }
}