WebSite X5Help Center

 
LHNET SW
LHNET SW
User

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

Автор: LHNET SW
Просмотрено 31, Подписчики 1, Размещенный 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.

Размещено
3 Ответы
CARLOS AMARAL
CARLOS AMARAL
Moderator
Лучший пользователь месяца 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.

Читать больше
Размещено От CARLOS AMARAL
LHNET SW
LHNET SW
User
Автор

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.

Читать больше
Размещено От 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...

.

Читать больше
Размещено От  ‪ KolAsim ‪ ‪