the word "progressive" means its implemented as additional markup to html. it basically a template model bound to a data model. if the model is updated the browsers html is updated, that is it reacts to model updates. Vue js in an example of progressive framework.
for example in vue. I have a template of html here like
<template>
<div>
<p>{{framework}}</p>
</div>
</template>
here's my data or model
data() {
return {
framework: 'Vue js'
}
}
so whenever I changed the value of framework variable into 'Angular'. The p tag text also will change into 'Angular'. In short, if the data model is updated the browsers html is also updated.
So monolithic web framework is lightly faster to get started with, but less control over its workings, more chance of the framework not supporting your usecase, and higher long-term maintenance cost due to the inevitable need for workarounds. Example for a monolithic web framework sail.js
for more explanation please refer to this article source