WebSite X5Help Center

 
LHNET SW
LHNET SW
User

Barra de progreso en formulario con números 1, 2, 3 , 4  es

Author: LHNET SW
Visited 34, Followers 1, Shared 0  

Hola  ‪ KolAsim ‪

Tu me ayudaste a una barra de progreso en el formulario de contacto.

https://www.lhnet.com.mx/form/formtest.html

Está muy bien!!!

Quiero integrar en esa barra de progreso, abajo de la barra de progreso una secuencia de 4 números, Como esto:

Barra desplazamiento y número 1

Barra desplazamiento y número 2

Barra desplazamiento y número 3

Barra desplazamiento y número 4

Me puedes ayudar?

De antemano gracias.

Posted on the
3 ANSWERS
CARLOS AMARAL
CARLOS AMARAL
Moderator
Best User of the month ES

Hola colega!

No has probado de pasar el link del formulario a ChatGPT y pedirle "que codigo debo agregar a mi web para que debajo de la barra de progreso se muestre para cada paso un numero blanco sobre un circulo naranja de XX pixeles de diametro, y necesito agregar el codigo mediante WebSite X5"

Yo he probado cosas asi y el codigo que devuelve ChatGPT me ha funcionado perfectamente.

Te comento esto, ya que es mucho mas rapido que esperar una respuesta por aqui si tienes urgencia por la solucion. (yo no te puedo ayudar mucho ya que tampoco se de desarrollo web jejee).

Prueba y nos comentas como te ha ido!

Saludos!

Carlos A.

Read more
Posted on the from CARLOS AMARAL
LHNET SW
LHNET SW
User
Author

Hola CARLOS AMARAL

Nunca he utilizado ChatGPT ni otra ia, pero lo intentaré y si resulta, aquí lo publico.

Mientras tanto a ver si  ‪ KolAsim

o alguien más me puede ayudar.

Gracias por tu sugerencia.

Read more
Posted on the from LHNET SW
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

Hola, lo que puedo hacer sin tener que rediseñar todo es simplemente agregar números simples debajo de la barra agregando este código:

<script>
$(document).ready(function () {//K>;
setTimeout(function () {//K1>;
const KX = $("fieldset.newPage");
kkX = KX.length+1;
percentualeK = 100/kkX;
for(var i = 0, TotK = KX.length; i < TotK+1; i++){//K2>;
$("hr").parent().append( '<div class = "divK" style = "position:absolute;top:20px;left:' + percentualeK * (i+1) +'%;margin-left:-20px"> ('+(i+1)+') </div>' ) ;
};//K2<<;
},3000);//K1<<;
});//K<<;
<script>

,

ciao

...............................

...cuando tenga tiempo le echaré un vistazo más de cerca y te lo haré saber...

.

Read more
Posted on the from  ‪ KolAsim ‪ ‪