JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app">
    <div ng-controller="controller">
        <div ng-repeat="item in items" style="left:{{position($index)}}%"></div>
    </div>
</div>

CSS

div div div{
    position:relative;
    width:50px;
    height:50px;
    background:blue;
}

JavaScript

var app = angular.module('app', []);

app.controller('controller', function($scope) {
    
    $scope.items=[1,2,3,4,5,6,7,8,9,10];
    
    $scope.position=function(i){
        var percent =[5,10,15,20,25,30,35,40,45,50,55,60,65,70];
        return percent[i+1];
    }
});