Код: Выделить всё
Actual Time Needed ({{ actual_time_needed }} hours)
Tech Senior Developer ({{ tech_senior_time }} hours)
.graph-container {
width: 100%; /* Full width */
background-color: #f3f3f3; /* Background color of the container */
border-radius: 5px; /* Rounded corners */
overflow: hidden; /* Prevent overflow */
margin-bottom: 20px; /* Space below the graph */
}
.graph-bar {
height: 30px; /* Height of each bar */
background-color: #4CAF50; /* Color for the bars */
text-align: center; /* Center the text */
line-height: 30px; /* Center the text vertically */
color: white; /* Text color */
font-weight: bold; /* Make text bold */
transition: width 0.3s ease; /* Smooth transition for width change */
}
Подробнее здесь: https://stackoverflow.com/questions/790 ... upal-field