forked from HoloTech/twitch-subathon-timer
-red progress bar
This commit is contained in:
@@ -173,7 +173,7 @@ p {
|
||||
|
||||
#GoalProgressBar {
|
||||
width: 110%;
|
||||
background-color: #55CBFF;
|
||||
background-color: #FC98B3;
|
||||
transform: translate(-5%, 0%) scale(1, 1.5);
|
||||
}
|
||||
|
||||
@@ -181,6 +181,7 @@ p {
|
||||
transform: translate(0%, -8%) scale(1);
|
||||
text-align: center;
|
||||
margin-top: -19%;
|
||||
color: #404145;
|
||||
}
|
||||
|
||||
#TopUsers {
|
||||
|
||||
4
timer.js
4
timer.js
@@ -279,9 +279,9 @@ class TimerRenderer {
|
||||
|
||||
// Update the progress bar
|
||||
if (current / required > .02) {
|
||||
this.goal_bar.style.maskImage = `linear-gradient(to right, #55CBFF 0%, #55CBFF ${((current / required) - .02) * 100}%, transparent ${(current / required) * 100}%)`;
|
||||
this.goal_bar.style.maskImage = `linear-gradient(to right, #FC98B3 0%, #FC98B3 ${((current / required) - .02) * 100}%, transparent ${(current / required) * 100}%)`;
|
||||
} else {
|
||||
this.goal_bar.style.maskImage = `linear-gradient(to right, #55CBFF 0%, transparent .01%)`;
|
||||
this.goal_bar.style.maskImage = `linear-gradient(to right, #FC98B3 0%, transparent .01%)`;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user