Una forma sencilla de crear una barra de progreso en HTML es utilizando el elemento `
```html
```
En este ejemplo, `value` es el valor actual de la barra de progreso y `max` es el valor máximo. En este caso, la barra de progreso se está mostrando al 50%.
Sin embargo, debes tener en cuenta que el elemento `
Para una barra de progreso más personalizada, podrías utilizar CSS y JS. Un ejemplo básico sería el siguiente:
HTML:
```html
CSS:
```css
.progress-bar {
width: 100%;
background-color: #f3f3f3;
border-radius: 5px;
}
.progress-bar-fill {
height: 15px;
background-color: #f89a1c;
border-radius: 5px;
width: 0%;
transition: width 0.5s;
}
```
JS:
```js
document.querySelector(‘.progress-bar-fill’).style.width = ’50%’;
```
En este ejemplo, el div `.progress-bar-fill` es la barra de progreso y su ancho se puede ajustar para cambiar cuánto de la barra de progreso se ha llenado. En este caso, se ha llenado el 50% de la barra de progreso.
