Limitar ancho de un div

[AubeRoseau]

Hola, tengo dos divs, uno dentro de otro, tal que así:



El elemento amarillo va variando su ancho. Empieza con un ancho de 0px y mediante javascript voy aumentándolo con el paso del tiempo. Lo que quiero es limitar el máximo del ancho al ancho del elemento que lo contiene, el cual es fijo. ¿Se puede hacer?

[GAST0N]

para limitar el div que contiene la barra amarilla simplemente le das una medida en pixel, width:100px;

no deberia haber problema ... pero eso mejor pega el codigo para ver como tenes

[AubeRoseau]

Te dejo el código CSS:

Código CSS:

.container_progress {
    width: 100px;
    height: 10px;
    border: 1px solid blue;
    position: absolute;
    margin-left: 705px;
    margin-top: 14px;
    margin-bottom: 0px;
    }
 
.progress {
    width: 0px;
    height: 10px;
    background-color: yellow;
    }
 

El problema es que debido al código javascript, puede que se le de un ancho a .progress más ancho que su contenedor .container_progress y lo que quiero es que si el código javascript quiere darle una anchura mayor que el contenedor entonces se ponga el máximo que sería 100px (la anchura de contenedor).
No sé si me entiendes, pero explicándotelo he caído que lo voy a tener que controlar en el código de javascript, en lugar de modificar el archivo css ¿no?

[GAST0N]

Si deberas controlarlo desde javascript para lo que deseas hacer

Iniciado por AubeRoseau

Te dejo el código CSS:

Código CSS:

.container_progress {
    width: 100px;
    height: 10px;
    border: 1px solid blue;
    position: absolute;
    margin-left: 705px;
    margin-top: 14px;
    margin-bottom: 0px;
    }
 
.progress {
    width: 0px;
    height: 10px;
    background-color: yellow;
    }
 

El problema es que debido al código javascript, puede que se le de un ancho a .progress más ancho que su contenedor .container_progress y lo que quiero es que si el código javascript quiere darle una anchura mayor que el contenedor entonces se ponga el máximo que sería 100px (la anchura de contenedor).
No sé si me entiendes, pero explicándotelo he caído que lo voy a tener que controlar en el código de javascript, en lugar de modificar el archivo css ¿no?

[IsaBelM]

todo pasa por js. con la propiedad clientWidth obtienes el ancho de container_progress, este valor lo usas en ciclo. usa un DOCTYPE para que no haya problemas