Creating Progress Bar Dynamically?

I have "Class Checkin's" Which have a max amount of people who can be checked in. So on my application I have the Class Time and under each of these class times, I want to have a horizontal progress bar that adds one to the bar each time someone checks in (On my web application I am using jquery .progressbar).

Currently I have the following:

HTML Code:
private void createProgressBar(ArrayList<Integer> array, Integer maxProgress){
View BoxProgressLayout = findViewById(R.id.BoxProgress);
Iterator<Integer> iterator = array.iterator();
while(iterator.hasNext()) {
ProgressDialog progressBar = new ProgressDialog(BoxProgressLayout.getContext());
progressBar.setCancelable(false);
progressBar.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);
progressBar.setProgress(0);
progressBar.setMax(maxProgress);
progressBar.show();
}
}

In order to add the progress bar to my Progress layout. But the progress bar doesn't appear on the page. Is this the best way to go about this? or am I going to have to draw my own progress bar that increments and fills by a percentage each time someone checks in.