Тебе бы для начала, сверстать сайтика 3 статичных, безадаптива ,бустрапа и прочего...иначе постоянно будешь постить сюда вопросы, которые через пару недель показались бы тебе смешными,
посмотри курсы как другие верстают, экспериментируй со свойствами. Тебе сейчас нужно понять что за что отвечает тогда таких вопросов не возникнет, да и лихо ты для начала замахнулся и бустрап и адаптив)

Например нам нужно 10 черточек и мы имеем 10 значений инпута
черточку можно сделать дивом или картинкой...
если значения инпута содержат что то вроде 10 20 30 40 то есть интервал одинаковый то отступы будут одинаковы и мы, просто подгоняем черточки так чтобы они были по центру по отношению к значению в инпуте...
если они у вас разные то задача не много по другому решается....если надо тоже расскажу