1.struct_progress-multi { 2 display: inline-block; 3 width: 100% !important; 4} 5 6div[class^="struct_progress-background_"] { 7 border: 1px solid @ini_border; 8 width: 100%; 9 height: 20px; 10 display: inline-block !important; 11 margin: -1px; 12} 13 14div[class^="struct_progress_"] { 15 background-color: @ini_background_neu; 16 height: 20px; 17 display: block ruby !important; 18} 19 20div[class^="struct_progress_"] > p { 21 color: @ini_text; 22 display: contents; 23} 24 25//sample for style: rounded 26.struct_progress-background_rounded { 27 border-radius: 6px; 28} 29 30.struct_progress_rounded { 31 border-radius: 6px; 32} 33 34/* Sample styles for userstyles.css: */ 35/* --------------------------------- */ 36/* 37//sample for style: rounded_red 38.struct_progress-background_rounded_red { 39 border-radius: 6px; 40} 41 42.struct_progress_rounded_red { 43 background-color: lightcoral !important; 44 border-radius: 6px; 45} 46 47//sample for style: rounded_blue 48.struct_progress-background_rounded_blue { 49 border-radius: 6px; 50} 51 52.struct_progress_rounded_blue { 53 background-color: lightblue !important; 54 border-radius: 6px; 55} 56 57//sample for style: red 58.struct_progress_red { 59 background-color: lightcoral !important; 60} 61 62//sample for style: blue 63.struct_progress_blue { 64 background-color: lightblue !important; 65} 66 67//sample for style: gradient 68.struct_progress-background_gradient { 69 background: linear-gradient( 70 to right, 71 lightsalmon 30%, 72 lightgreen 73 ); 74} 75 */