(added specifics this time)

I am messing around with js at the moment and am now working on a project that takes an argument (4.5) and generates a graphic for a number of filled squares in a bar corresponding to the rating out of 5. Thus far, I have been stumped as to how to achieve this and would appreciate any help anyone is willing to offer This is the look of the rating system im trying to acheive

I am hoping to acheive this by filling these divs with a color corresponding to the number.

<div style="border-radius: 0px;"></div>
        <div style="
        border-radius: 0px;
    "></div>
        <div style="
        border-radius: 0px;
    "></div>