All comments

• 

  SRI RAKESH V•590

  @srirakeshvSubmitted about 1 year ago

  All feedback are welcomed.. how to do the progress bar color changing i have tried a lot but doesn't works any suggesstions..

  

  Pricing component

  1

  40
  

  Yuki Lun•190

  @yukilunPosted about 1 year ago

  Hi!👋 For changing the progress bar color, you can add a event listener to listen for the input event of #myRange and change the background of #myRange with linear-gradient property based on its value:

  myRange.addEventListener('input', (e) => {
  	const percent = e.target.value / 1000 * 100;
  	myRange.style.background = `linear-gradient(to right, hsl(188, 100%, 82%) ${percent}%, hsl(180, 2%, 84%) ${percent}%)`;
  });
  

  Hope you find it helpful!😊

  0

  This comment has received 1 replyShow
• 

  Victor Musyoka•80

  @vm-ctechSubmitted about 1 year ago

  Did anyone experience difficulties using z-index property for layering like i did?

  

  Multistep form

  2

  30
  

  Yuki Lun•190

  @yukilunPosted about 1 year ago

  Hi there! I have a few recommendations for you:

  • Instead of using an <img> element inside the ".imageandlist" div, consider using the CSS background-image property (e.g., background-image: url("./assets/images/bg-sidebar-desktop.svg");).

  • It is recommended to wrap the user input for submission within a <form> element. For accepting text input, use the <input type='text'> element instead of the <button> element you have used.

  Marked as helpful

  0

  This comment has received 1 replyShow