summaryrefslogtreecommitdiffstats
path: root/resources/scss/components/_progressBar.scss
diff options
context:
space:
mode:
Diffstat (limited to 'resources/scss/components/_progressBar.scss')
-rw-r--r--resources/scss/components/_progressBar.scss49
1 files changed, 49 insertions, 0 deletions
diff --git a/resources/scss/components/_progressBar.scss b/resources/scss/components/_progressBar.scss
new file mode 100644
index 0000000..d4434e2
--- /dev/null
+++ b/resources/scss/components/_progressBar.scss
@@ -0,0 +1,49 @@
+/*
+* ============LICENSE_START=======================================================
+* SPARKY (AAI UI service)
+* ================================================================================
+* Copyright © 2017 AT&T Intellectual Property.
+* Copyright © 2017 Amdocs
+* All rights reserved.
+* ================================================================================
+* Licensed under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License.
+* You may obtain a copy of the License at
+*
+* http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software
+* distributed under the License is distributed on an "AS IS" BASIS,
+* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+* See the License for the specific language governing permissions and
+* limitations under the License.
+* ============LICENSE_END=========================================================
+*
+* ECOMP and OpenECOMP are trademarks
+* and service marks of AT&T Intellectual Property.
+*/
+
+.progress-bar-view {
+ display: -webkit-box;
+ padding: 5px;
+ .progress-bar-outside {
+ display: flex;
+ width: 90%;
+ justify-content: space-between;
+ background-color: lightgray;
+ border-radius: 15px;
+ height: 10px;
+ .progress-bar-inside {
+ display: block;
+ border: 1px solid gainsboro;
+ background-color: #4faa39;
+ border-radius: inherit;
+ }
+ }
+ .progress-bar-view-label {
+ margin-right: -30px;
+ margin-top: -2px;
+ margin-left: 10px;
+ color: black;
+ }
+ }