Home/ Questions/Q 6677115
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T04:04:38+00:00

I want to create a progress tracker like this one: https://hmv.com/hmvweb/checkoutRegister.do but I need

  • 0

I want to create a progress tracker like this one: https://hmv.com/hmvweb/checkoutRegister.do
but I need it fluidly so the surrounding DIV can change its width. I could give each list element a percentage width, but furthermore there will be progress trackers with different count of list elements. The list elements should fill the complete width and they should have a equal width.

Not a easy challenge, right?

Does anyone have a idea how to create a solution? I tried the display: table properties, they are positioned side by side but not like a wanted it (wrong width of the elements).

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Why not just wrap the elements up in an <ul> which has no list-style, display:block and a width of 100%. Then have each progress item within a series of <li> which have a float:left, no list style and an equal percentage width? This would require that you have a css style for the <li> based on the number of items but if you are using a CMS or can write some JS then you could attach the correct <li> style accordingly.

    • 0