Верстка блоков js

Здравствуйте

Надо максимально кроссбраузерно сверстать рейтинг, надо сделать так чтоб он одинаково работал в браузерах файрфокс, хром, опера, сафари, ИЕ от 7-го и мобильные браузера как андроид браузер 3,4,5, мобильный хром, мобильная опера + опера мини, мобайл сафари 4,5,6,7,8.

Я так понимаю на html сверстать это так чтоб везде было нормально нереально поэтому предлагаю js.

Каждый блок в отдельном файле, блоки должны адаптироваться к вышестоящему диву тоесть быть 100% по ширине с указанием минимальной ширины.

Круговой рейтинг: В функцию будет приходить число от 0 до 10, соответственно если пришло 10 то круг должен быть полностью заполнен.

Характеристика – цветная полоска: буду передавать в стиль ширины блока число от 0 до 100 что будет соответствовать проценту заполненности.

Стоимость? Сроки?